Онлајн курс React Front-End development

Курс је у току.

Курс је намењен полазницима који поседују основно знање следећих технологија: Javascript, HTML, CSS. Потребно је да знају основе програмирања (променљиве, петље, функције, класе и објекте)

Током курса полазници ће научити да програмирају front-end web апликације користећи React и  Redux. На крају сваког предавања полазници ће анонимно одговорити на питања која се тичу пређеног градива на том часу. На овај начин, уколико неко није схватио концепте пређене на том часу, имаће прилику да поново добије објашњење.

Предавања се одвијају у виртуелној учионици где у сваком тренутку  полазник може да постави питање предавачу путем chat-а или да му се додели право да користи микрофон и питање постави усмено.

Предавања се снимају што значи да полазник може после поново да одгледа предавање уколико за тим има потребе.

Курс има и slack канал где можете поставити питање предавачу или осталим полазницима било кад. Осим slack-а, који се користи и на реалним пројектима за комуникацију са тимом, током курса полазници ће бити упознати и са другим алатима који се користе на реалним пројектима.

Курс траје три месеца. Предавања се одржавају два пута недељно и трају по два сата.

Цена курса је 9000 динара по месецу. Плаћање је месец за месец.

Предавач је Ким Новак. https://www.linkedin.com/in/kim-novak-82030892/

Пријавите се на време

  • Пријавите се слањем мејла на skolarajak.react@gmail.com
  • Као наслов мејла ставите: Онлајн курс React Front-End development - пријава.
  • У телу мејла наведите Ваше име и презиме.
  • Након пријаве ћете добити изглед уплатнице за први месец, а касније и линк и упутство за приступ првом предавању.
  • Додатне инфoрмације телефоном на: 062 / 164 30 66, радним даном од 07:30 до 19:30 и суботом 09:00 до 15:00
  • Могућност одложеног гледања (преузимања) снимка предавања
  • Цена: 9000 ДИНАРА по месецу, плаћање је месец за месец
  • Термини одржавања предавања : среда од 20:00 до 22:00, субота од 09:00 до 11:00
  • Прво предавање субота 15.02. у 09:00
  • Фонд часова - 48 сати - 24 предавања по 2 сата (три месеца)

План рада


Први месец:

  1. Увод - Шта је React, подешавање окружења, креирање и покретање првог React пројекта, анализирање структуре пројекта, прављење и стилизовање статичких објеката, имплементација и стилизовање Footer-а, објашњење концепта immutability
  2. Virtual DOM, JSX - Шта је Virtual DOM, како React користити Virtual DOM, улога кључева Virtual DOM-a, шта је React element, шта је JSX, синтакса JSX-а, дорада Footer-а тако да користи вредности из променљивих, рендеровање, дорада Footer-а тако да рендерује листу, имплементација примера листа филмова,
  3. State, Props, React компоненте - Шта је state, како се мења state, дорада примера Footer и листа филмова тако да користе вредности из state-а, шта је props, дорада примера листа филмова тако да користи props, врсте React компоненти , имплементација компоненте User Avatar, увод у обраду догађаја, имплементација toggle дугмета
  4. Обрада догађаја, рендеровање на основу услова - Догађаји у React-у, Event handlers, Event bubbling, имплементација accordion –а, имплементација форме, контролисана input поља
  5. Lifecycle методе - Шта је животни циклус, објашњење свих Lifecycle метода, пример свих Lifecycle метода, имплементација Timer-а, имплементација форме са валидацијом
  6. Вежбање - Шта је Atomic Design, структура фолдера, Container Component pattern, имплементација Dashboard-a са navbar-ом, sidebar-ом, листом елемената и modalom, фокус на писању Reusable компоненти
  7. Вежбање - Ре-рендеровање компоненти, PureComponent, React.memo, имплементација примера блог, имплементација исписивања, додавања, измене и брисања елемената из листе, имплементација примера где се измене чувају тек након клика на дугме “save”
  8. React роутер - Шта је SPA, објашњење React router-а, имплементација навигирања унутар апликације, шта су URL параметри, имплементација листе филмова и детаља о филмовима, угњеждене руте, имплементација примера са layout-ом

Други месец

  1. React Context, Portals, Refs - Шта је контекст, имплементација примера home page са navbar-om + user details page, шта су портали, имплементација примера Modal, шта су референце, Forwarding Refs, имплементација Drawer sidebar –а
  2. Higher Order Components, Render Props - Шта су HOCs, имплементација Loader-а, шта је Render Props, имплементација Tabova и Dropdown менија, Compound Components Pattern
  3. React Hooks - Шта су React Hooks, Пример основних React Hooks (useState, useEffect, useContext), писање custom Hook – ова, имплементација форме са React Hooks
  4. Вежбање React Hooks - Оптимизовање кода (спречавање непотребних ре-рендер-а и инстанцирања евент хандлер-а),  useCallback, useMemo, имплементирање Slider-а
  5. Redux - Шта је Redux, подешавања Redux –а, имплементација примера блог
  6. Redux АЈАX - Server-Client комуникација, асинхроне акције, слање АЈАX захтева ка серверу, CORS, имплементација примера листа корисника
  7. Redux custom middleware - Шта је middleware, имплементација custom middleware -а за логовање, имплементација custom middleware -а за API requests
  8.  Вежбање Redux - Имплементација Dashboard -а

 

Трећи месец

  1. Typechecking, Error boundaries - Шта је Typechecking, PropTypes, React са TypeScript – ом, објашњење Error boundaries, додавање Error boundari класе у пројекат, имплементација Error странице
  2. Custom Webpack Config - Објашњење како Webpack функционише, писање Custom Webpack Config – а,
  3. Storybook - Шта је Storybook, убацивање Storybook -а у пројекат, писање Story-а за button
  4. Code splitting, интернационализација - Шта је Code splitting - како имплементирати Code splitting у React-у, React - intl библиотека, имплементирање странице чији садржај ће бити преведен користећи React - intl
  5. React-Redux Hooks, Selector pattern – useDispatch, useSelector, Selector Pattern, имплементација примера листа корисника
  6. Snapshot Тестови -  Шта су Snapshot тестови, писање Snapshot тестова за неке од претходно развијених компоненти
  7. Вежбање - Имплементација аутентификације, React са TypeScript - ом
  8. Environment варијабле - Шта су env варијабле, како им приступити из React апликације, прављење .env фајлова, коришћење библиотека: preprocess, scripty