fbpx

React-ის კურსის აღწერა

სასწავლო კურსის მიზანია, სტუდენტებმა მიიღონ ცოდნა დაპროგრამების ენა Javascript-ზე და ბიბლიოთეკაზე ReactJS, რათა მათ შემდგომში შეძლონ მიღებული ცოდნის გამოყენებით დინამიური ვებ გვერდების შექმნა.

React-ის კურსის მენტორი

ლევან ნაცვლიშვილი

Front-end დეველოპერი

მუშაობს Leavingstone-ში, Front-end დეველოპერის პოზიციაზე. მისი სპეციალიზაცია მოიცავს ისეთი პროგრამირების ენებს, როგორიც არის: React, Next.js. სურს რომ გახდეს Creative developer-ი.

უმუშავია უამრავ კომპანიასთან, მათ შორის: არქი, ეროვნული ბანკი, SABA.GE და სხვა.

დემნა მიქავა

2021 წლიდან მუშაობს Front-end დეველოპმენტის განხრით. ამჟამად დასაქმებულია sweeft-ში.
მონაწილეობა მიუღია უამრავ პროექტში, მათ შორის: 

  • Know your customer ტიპის პლატფორმა – აქ მომხმარებლებს კონკრეტული ორგანიზაციის პლატფორმაზე შეეძლოთ ავტორიზაციის გავლა პირადობის ფოტოს გამოყენებით;
  • Tip აპლიკაცია – პერსონალისა და მომხმარებლებისთვის
  •  სამედიცინო პლატფორმა – აქ რეგისტრაცია შეუძლიათ პაციენტებს, ექიმებსა და ორგანიზაციებს. პაციენტებს შეუძლიათ დაჯავშნონ ვიზიტი ექიმთან, ექიმებს შეუძლიათ დანიშნულების გამოწერა პაციენტისთვის, შეხვედრის online რეჟიმში ჩატარება და ა.შ. 

React-ის კურსის სილაბუსი

Workshop 1

  • Let & Const
  • Array/Object/String methods
  • Parse/Number/String/Bool
  • spread & rest (destructuring)
  • destructuring object and array cases
  • Template  Literals(ცვლადების ჩასმა string-ებში)
  • Variable types
  • Comments
  • Best practices(variable naming, if vs else,=== vs ==,)

Workshop 2

  • Node
  • Npm
  • Create-react-app
  • Main Idea of React and frameworks in general/Code splitting
  • Components
  • Class vs Function
  • Props/Children
  • Lists & keys
  • Conditional Rendering
  • Best Practices(Capital name for components,

Workshop 3

  • React hooks
  • useState
  • Events
  • Synthetic events 
  • Virtual Dom
  • One way data flow

Workshop 4

  • Styling Components 
  • useEffect
  • Proptypes
  • Destructuring in React
  • …REST in react

Workshop 5

  • useContext
  • Prop drilling
  • Render Props
  • useRef

Workshop 6

  • Npm packages
  • CSS Frameworks
  • Fragments
  • Dynamic Components( buttons, texts, etc…)
  • Custom Components
  • Clsx

Workshop 7

  • Asynchronous Requests 
  • Fetch vs Axios 
  • Working with API 
  • Promises 
  • CRUDE

Workshop 8

  • CustomHooks
  • Folder/Project architecture
  • JS Config optimization
  • Icon-ების გამოყენება React-ში
  • Semantic Markup

Workshop 9

  • Debugging
  • Profiler
  • useReducer
  • useCallback
  • useMemo

Workshop 10

  • Routing
  • JWT tokens
  • Register/Login
  • Protected routes

Workshop 11

  • Common Layout
  • Dynamic Routes
  • Listing
  • Sorting 
  • Filter

Workshop 12

  • Cart
  • Pagination
  • Search
  • Best practices
  • როგორ განვვითარდეთ კურსის დასრულების შემდეგ? (typescript, react query, testing)