Front-End React

დაეუფლე ყველაზე პოპულარულ Front-End ტექნოლოგიას

ვისთვისაა ეს პროგრამა?

ნებისმიერი დონის სტუდენტისთვის:

  • მათთვის ვისაც ჯერ საერთოდ არ ჰქონიათ შეხება პროგრამირებასთან
  • და მათთვისაც, ვინც უკვე იცის ვების საფუძვლები მაგრამ სურს კარიერის ახალ ეტაპზე გადასვლა.

რას მიიღებ ამ პროგრამის გავლის შემდეგ?

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

რას ისწავლი ამ პროგრამაში?

ეს არის მცირე ჩამონათვალი ტექნოლოგიების იმ ფართო სპექტრისა რომელსაც შევეხებით:

  • JavaScript
  • HTML
  • CSS
  • Tailwind
  • Bootstrap
  • React
  • TypeScript-ს.

როგორ დამეხმარება მენტორი?

Სამენტორო პაკეტის შეძენის შემთხვევაში აირჩევ შენთვის ყველაზე ხელსაყრელ სამენტორო საათებს შეთავაზებებიდან რომელებიც ჩვენს მენტორებს აქვთ წარმოდგენილი და გეყოლება პირადი ხელმძღვნელი მენტორი, თუმცა ამას გარდა წვდომა გექნება სხვა მენტორებთანაც და ამ მხრივ მრავალფეროვანი არჩევანი. Პირად მენტორთან შეძლებ გაიარო ნებისმიერი გაურკვეველი საკითხი, მიიღო რჩევები და შენიშვნები დავალებების შესრულებისას.

რისგან შედგება პრაქტიკული სამუშაოების და პროექტების გეგმა?

გთავაზობთ 7 საფეხურიან პრაქტიკულ გეგმას რომელიც მოგცემთ პროექტებზე მუშაობის გამოცდილებას:

  1. I ეტაპი - საწყისი დონის JavaScript ამოცანები.
  2. II ეტაპი - მეტად კომპლექსური JavaScript ამოცანები.
  3. III ეტაპი - საწყისი დონის HTML და CSS პროექტები.
  4. IV ეტაპი - გართულებული HTML და CSS პროექტები.
  5. V ეტაპი - JavaScript + HTML და CSS - ინტერაქტიული პროექტები.
  6. VI ეტაპი - React - ვებ აპლიკაციები.
  7. VII ეტაპი - advanced React - მეტად კომპლექსური ვებ აპლიკაციები.

გუნდური პროექტები Პროგრამის მიმდინარეობისას 3-4 კვირაში ერთხელ ჩატარდება

“კოლაბორაციული პროექტების შეჯიბრები” რაც სტუდენტებს რეალური სამუშაო გარემოს სიმულაციას შეუქმნის და გუნდური მუშაობის პრინციპებს ჩამოუყალიბებს.

Live coding გასაუბრებები

გექნებათ შესაძლებლობა პროგრამის ხელმძღვანელთან გაიაროთ რამდენიმე “Live coding interview” სადაც ონლაინ რეჟიმში მოგიწევთ ამოცანების შესრულება და გამოცდით იმ “წნეხს” რაც დაგეხმარებათ დაძლიოთ სამომავლოდ რეალური გასაუბრებების დაძაბულობა.

თეორიული სასწავლო პროგრამა

თეორიული Პროგრამა შედგება 4 ეტაპისგან

I ეტაპი JavaScript

თავი 1 - Introduction to JavaScript Basics

JavaScript role in Web Development | Values, data types, operators, variables

თავი 2 - Variables and Conditional Statements

Expressions and Statements | Variables | Built-in Functions | Control Flow | if/switch statements | Logical Operators

თავი 3 - Loops and Iteration

For, while and do while loops

თავი 4 - Functions

Function Expression | Function Declaration | Arrow Function | Scope

თავი 5 - Arrays and Objects

Working with arrays | Introduction to objects | Array itteration | Array Methods

თავი 6 - Advanced Functions

Higher order functions | filter | map | sort | reduce | some | every

თავი 7 - More About Objects

this | object itteration | Prototypes | Object Methods

თავი 8 - Asynchronous JavaScript

callbacks | setTimeout, setInterval | Introduction to Promises

თავი 9 - Error Handling and Debugging

Identifying and handling errors | Debugging | try-catch-finally

თავი 10 - Working with APIs

Fetch API for HTTP requests | Retreiving data | Handling JSON data

თავი 11 - OOP

Introduction to OOP | Classes and Objects | Constructors and Methods | Inheritance | Encapsulation | Polymorphism | Abstraction

თავი 12 - Algorithms

Understanding algorithms | Algorithmic thinking | Algorithm complexity | Bubble Sort | Insertion Sort | Selection Sort | Merge Sort | Linear Search | Binary Search...

II ეტაპი Front-End Basics

თავი 1 - Introduction to Web Technologies and Networking Basics What is

Web Development? | Introduction to Internet Protocols (HTTP and TCP/IP) | How the Internet Works | Basic Overview of HTTP and TCP/IP | Introduction to HTML | Basic HTML Structure | Creating a Simple Web Page / HTML Headings and Paragraphs | Lists (Ordered and Unordered) | Links and Anchor Tags | Images and Multimedia

თავი 2 - Introduction to CSS / CSS Box Model and Layout / CSS Flexbox

What is CSS? | Inline, Internal, and External CSS | CSS Selectors and Properties | Styling Text and Fonts | Understanding the Box Model | Margin, Padding, Border | Creating Page Layouts with CSS / Introduction to Flexbox | Creating Flexible Layouts | Flexbox Properties and Usage

თავი 3 - CSS Grid / Introduction to Responsive Design Introduction to

Flexbox | Creating Flexible Layouts | Flexbox Properties and Usage / Introduction to CSS Grid | Grid Layouts and Properties | Building Responsive Grids / Media Queries | Flexbox and Grid for Responsive Layouts | Responsive Images

თავი 4 - JavaScript DOM Manipulation - JavaScript Events Introduction to

the Document Object Model (DOM) | Selecting DOM Elements | Modifying DOM Elements | Event Handling - Understanding Events | Event Listeners

#### თავი 5 - DOM - Event Delegation & Event Bubling and Capturing
#### თავი 5 - Git / GitHub

III ეტაპი - React 🔥

თავი 1 - JSX and Rendering Elements / Introduction to React / CSS in

React What is React and its role in web development | Setting up a React development environment | Creating your first React component | Introduction to JSX (JavaScript XML) | Rendering React elements to the DOM | Creating and composing components

თავი 2 - State and Props / Handling Events and Conditional Rendering

Understanding component state and its importance | Passing data to components using props | Managing state with useState hook.

თავი 3 - Styling in React Styling components using CSS modules |

Introducing popular styling libraries (e.g. styled-components, tailwind)

თავი 4 - Lists and Keys Rendering lists of data using the map function |

Using keys to improve list rendering performance

თავი 5 - TypeScript Introduction to TypeScript | Adding TypeScript to a

React Project | Type Annotations and Interfaces in React | Benefits of TypeScript in React

თავი 6 - Forms and Controlled Components Building forms in React |

Managing form state with controlled components

თავი 7 - Component Lifecycle and useEffect Hook /useRef Hook

Understanding the component lifecycle | Introducing the useEffect hook for side effects | Reffering to DOM elements | Preserving Values Between Renders | Accessing and Modifying Component state | Managing focus and Form Elements

თავი 8 - React Router (Routing) Adding multiple pages to a React

application | Using React Router for navigation

თავი 9 - API Integration Making API requests in React | Fetching and

displaying data from an API

თავი 10 - Context and State Management Managing state at a higher level

with Context API | Implementing a simple state management solution

თავი 11 - Forms and Validation Advanced form handling techniques | Adding

validation to form inputs

თავი 12 - Redux (State Management) / Toolkit Introduction to Redux and

its concepts | Implementing Redux for state management