Курс Front-end Developer

Цей курс створений для того, щоб ти міг опанувати нову професію та почати свій шлях у IT. 4 пакети лекцій допоможуть тобі набути базових скілів, ознайомитися з мовами програмування та інструментами розробки.

Програма курсу

Модуль 1. Git + HTML

Спочатку ознайомимось з мово розмітки HTML і системою контролю версій Git.

• Що таке Front-end?
• Git
• HTML
• HTML: Block, inline, semantic, list, media
• HTML: form
• HTML: table
• HTML: SVG

Модуль 2. CSS

Тут вивчаємо мову стилів CSS і почнемо верстати.

• CSS: Connection, syntax, common properties
• CSS: Selectors
• CSS: Pseudo, offsets, centring
• CSS: Flex
• CSS: Grid
• CSS: Position + transform
• CSS: BEM
• CSS: Form
• CSS: CSS Table & Aspect Ratio
• CSS: Media queries
• CSS: Animations and Transitions
• CSS: Best practices
• SCSS: Variables, Functions, Mixins
• SCSS: Project structure & BEM
• SCSS: Features & Best practices

Модуль 3. JavaScript

Опануємо ази мови програмування JavaScript.

• NPM& Packing: packages & scripts
• Operators and conditional branching
• Loops and functions
• Numbers and Strings
• Objects
• Arrays and array methods
• Destructuring, Map, Set, JSON, Dates
• Classes
• Browser, window, DOM
• DOM manipulations
• Events
• Errors, Timers, Promises
• Fetch & localStorage
• Modules, Libraries using
• Best Practices

Модуль 4. React

Знайомимось з найпоширенішою бібліотекою Front-end розробника.

• Components and props
• Events handling
• State and forms
• lifecycle, conditional rendering, lists and keys
• other react hooks
• TODO app livecoding
• Context and state management
• Zustand and PokeAPI
• Router
• Storybook
• Best practices

Особливості курсу

• Відеозаписи лекцій
• Додаткові матеріали
• Навчання в чат-боті
• HTML, CSS, JavaScript, React
• Матеріали лишаються назавжди

Викладачі курсу

Олександр Ратушний - СТО