beeon.academy
javascriptՄիջին

Next.js

48 դաս · App Router, RSC, data fetching, caching, auth, ship

Next.jsApp RouterRSCServer ActionsTypeScriptVercel
Տևողություն
7 weeks
Մեկնարկ
Ուսանողներ
0+
Վարկանիշ
0 / 5
Արժեքը
49 000 ֏
Ընդունելությունը բաց է
  • 7 weeks (ընդամենը 36 ժ)
  • Մեկնարկ՝
  • Ձևաչափ՝ առցանց
  • HY · EN · RU
  • Վկայական ավարտելուց հետո
ԳրանցվելՍկսել ուսուցումը

Գրանցման համար վճարում պետք չէ · Կկապվենք ձեզ հետ 24 ժամվա ընթացքում

Ինչի մասին է դասընթացը

Դասընթացի մասին

48 դաս · App Router, RSC, data fetching, caching, auth, ship

7 weeks ընթացքում (36 ժամ դասեր և նախագծային աշխատանք) կանցնեք հիմունքներից մինչև իրական, պրոդակշն մակարդակի նախագիծ՝ Tigran Hakobyan-ի և beeon.academy-ի մենթորների թիմի ուղեկցությամբ։

Ուսուցման արդյունքներ

Ինչ կսովորեք

Կառուցիր App Router route՝ layout և special file-երով
Default՝ Server Component. client leaf մղիր ներքև
Անվանիր fetch/cache intent և revalidate արա mutation-ից հետո
Բաժանիր NEXT_PUBLIC_-ը secret-ից և ship արա CI/build-ով
Ինտերակտիվ դասընթաց

Դասեր

48 դաս · բոլորը բաց են, սկսեք ցանկացածից
  1. 1React app, որ ship է լինում որպես website28 րոպե
  2. 2App Router-ը հիմա default պատմությունն է26 րոպե
  3. 3create-next-app առանց cargo cult flag24 րոպե
  4. 4Երբ ավելի բարակ React stack է հաղթում24 րոպե
  5. 5Նախ server, client՝ երբ interactive է26 րոպե
  6. 6Դասընթացի քարտեզ. route → data → UI → ship22 րոպե
  7. 7Folder-ները URL են28 րոպե
  8. 8Layout, որ nest է լինում առանց child-ը վատ remount անելու28 րոպե
  9. 9template.tsx, երբ պետք է fresh mount24 րոպե
  10. 10loading.tsx և error.tsx՝ որպես product UX26 րոպե
  11. 11not-found, որ միտումնավոր է թվում22 րոպե
  12. 12Dynamic segment և catch-all28 րոպե
  13. 13Route group՝ organization-ի համար, ոչ URL24 րոպե
  14. 14Workshop. marketing + app shell route30 րոպե
  15. 15Server Component՝ default30 րոպե
  16. 16"use client"-ը boundary է, ոչ lifestyle28 րոպե
  17. 17Server Component փոխանցիր որպես children՝ client shell-ին26 րոպե
  18. 18Hook՝ միայն client boundary-ից ներքև26 րոպե
  19. 19Metadata API՝ title և Open Graph-ի համար26 րոպե
  20. 20next/image և next/font առանց layout thrash26 րոպե
  21. 21Workshop. client button՝ server page-ի տակ30 րոպե
  22. 22fetch՝ server-ում՝ intent-ով28 րոպե
  23. 23Full Route Cache ընդդեմ Data Cache (մտային քարտեզ)28 րոպե
  24. 24revalidatePath / revalidateTag՝ mutation-ից հետո26 րոպե
  25. 25Dynamic rendering trigger26 րոպե
  26. 26Streaming՝ Suspense-ով26 րոպե
  27. 27Server Action՝ mutation-ների համար30 րոպե
  28. 28Progressive form՝ useFormStatus / useActionState26 րոպե
  29. 29Route Handler, երբ պետք է HTTP endpoint26 րոպե
  30. 30Workshop. list page + mutate + revalidate30 րոպե
  31. 31NEXT_PUBLIC_ ընդդեմ server-only secret26 րոպե
  32. 32Auth pattern, որ տեղավորվում է App Router-ին28 րոպե
  33. 33middleware.ts՝ app-ի edge-ում28 րոպե
  34. 34CSRF և Server Action իրազեկում24 րոպե
  35. 35Security header՝ next.config-ում24 րոպե
  36. 36Third-party script առանց Core Web Vitals փչացնելու24 րոպե
  37. 37Workshop. public ընդդեմ secret env checklist28 րոպե
  38. 38next.config, որ readable է մնում26 րոպե
  39. 39TypeScript path, որ համընկնում է import-ին24 րոպե
  40. 40Test առանց միայն preview-ում click անելու26 րոպե
  41. 41Performance սովորություն, որ շարժում է Lighthouse26 րոպե
  42. 42Instrumentation առանց UX խեղդելու22 րոպե
  43. 43Deploy. Vercel և այլուր28 րոպե
  44. 44Self-host՝ Docker-ով (standalone output)26 րոպե
  45. 45CI. lint, typecheck, build ամեն PR-ում24 րոպե
  46. 46Բացատրիր Next-ը shipping պատմությամբ24 րոպե
  47. 47Playbook. tiny Next app՝ զրոյից32 րոպե
  48. 48Պրակտիկայի loop՝ հաջորդ շաբաթ20 րոպե
Դասընթացի մոդուլներ

Ծրագիր

  1. 1
    • 2
    • 3
    • 4
    • 5
    • 6
    Ինչ է պետք սկսելու համար

    Պահանջներ

    • React հիմք և modern JavaScript
    • Node.js տեղում՝ create-next-app lab-երի համար
    • Նախորդ Next.js փորձ պարտադիր չէ
    Սովորեք գործող ինժեներից

    Ձեր դասավանդողը

    TH

    Tigran Hakobyan

    Frontend Mentor · beeon.academy

    Instructor at beeon.academy. Next.js path (ArT): 48 lessons through App Router ship habits.

    Ինչ են ասում շրջանավարտները

    Ուսանողների կարծիքներ

    Հաճախ տրվող հարցեր

    ՀՏՀ

    Արժեքը
    49 000 ֏
    Գրանցվել