Polygon Center, комп'ютерні курси

Web-розробка



  • 2 999 грн на місяць

Про курс

Курс WEB-Development – це комплексний курс, розроблений на основі актуальних вімог ринку веб-розробки. Курс містить в собі весь функционал, необхідний сучасному розробнику.

На початку курсу WEB-Development, ви засвоїте інструменти для верстання сторінки та її стилізаціі. Ви створите свою першу landing page, яку зможете додати до свого портфоліо front-end розробника.

Далі ви будете вивчати мову програмування JavaScript, яку в подальшому зможете застосовувати не тільки для додавання інтерактивності на своєму сайті, але і для розробки програм різного рівню складності. JavaScript стане фундаментом для створення багатокомпонентних інтернет-ресурсів з використанням бібліотек React JS та Redux JS.

Фінальною темою курсу буде вивчення середовища Docker – інструмента для розгортання, налагодження та  управління власним веб-додатком.

Закінчивши  цей курс ви зможете:

  • Верстати одно- та багатосторінкові сайти;
  • Оформлювати свою сторінку у відповідності до дизайн-макету;
  • Створювати адаптивні веб-додатки;
  • Писати скрипти для обробки подій на сторінці;
  • Створювати свій компоненти та інтегрувати їх в проект замовника
  • Професійно працювати з версіями власного та чужого коду

А найголовніше, ви отримаєте знання, що дозволять вам пройти співбесіду в будь-якій IT компанії  на позицію Front-End Developer.

Курс складається із трьох блоків, кожен з яких містить в собі тематичні модулі. В першому блоці курсу ви дізнаєтесь про мову розмітки HTML та каскадну таблицю стилів (CSS). Познайомитесь із технологією Flex та опануєте  адаптивне верстання. Ви навчитесь налаштовувати та завантажувати свій код в репозиторій системи контролю версій Git. Другий блок присвячений вивченню мови програмування JavaScript – мови, що дозволить оживити ваш сайт, зробить його інтерактивним та більш функціональним. Третій блок познайомить вас із інструментами професійної розробки: React, Redux, Docker. Використовуючи ці бібліотеки, ви зможете створювати власні веб-додатки з використанням багаторазових компонентів.

В підсумку, закінчивши повний курс, ви зможете стати конкурентним здобувачем на позицію Junior Front End Developer або виконувати замовлення на фрилансі.

Блок 1. HTML & CSS .

Модуль 1. Основи HTML & CSS.

  • Введення у веб-розробку та інтернет. Розбір основних термінів. Розбір усіх етапів створення сайту. Введення мови розмітки - HTML. Блокові та малі елементи. Потік документа.
  • Види елементів. Атрибути елементів. Гіперпосилання. Робота із зображеннями та їх різновиди.
  • Основи CSS: базовий синтаксис, селектори, класи, успадкування та каскадування.
  • Складні селектори, псевдокласи та псевдоелементи. Робота зі шрифтами. Сімейства, зображення шрифтів, способи їх підключення.
  • Фони. Усі властивості background. Списки.
  • Форми. Створення інтерактивної форми зворотний зв'язок.
  • Блокова верстка. Концепція Box Model. Відступи. Обтікання. Блоково-рядкові елементи.
  • Позиціювання. Рамки. Верстка карток товарів.

Модуль 2. Адаптивная вёрстка. Работа с графическими редакторами.

  • Photoshop для верстальника. Початок верстки макету. Семантична верстка.
  • HTML 5. Верстка сайту за готовим макетом у форматі PSD. Відпрацювання елементів чекбоксів, радіокнопок.
  • Адаптивна верстка. Медіа запити. Верстка сайту за допомогою Desktop підходу. Детальний розбір SASS.
  • Верстка сайту за допомогою Mobile First підходу. Flexbox layout. Огляд графічного редактора Figma.
  • Методології верстки БЕМ. SVG та WEBP зображення. Розбір та верстка складних блоків. Flexbox та його властивості.
  • Оживляємо сайт. Вибір та підключення бібліотеки на сторінку. Робота із JavaScript. Популярні jQuery-плагіни. Створення слайдера на основі плагіна Slick.js
  • Трансформація. Плавні переходи. Анімація. Огляд готової анімації Animate.css
  • Складальник проектів Gulp. Налаштування та автоматизація завдань за допомогою Gulp.

Модуль 3. Git

  • Налаштування git та підключення до GitHub
  • Робота з гілками
  • Командна праця

Вы навчитесь:

  • створювати сторінки на чистому HTML
  • позиціонувати елементи на сторінці за допомогою CSS
  • застосовувати семантичну верстку
  • використовувати засоби розробника у браузері
  • верстати адаптивні веб-сторінки на Flexbox
  • завантажувати свій код на GitHub

Результат студента: Адаптивна верстка сучасного web-додатка із застосуванням просунутих інструментів розробки.

Блок 2. JavaScript. 

Модуль 4. Синтаксис JavaScript

  • Вступ. Підключення скрипта до сторінки. Структура коду, строгий режим, змінні та константи
  • Базові оператори, перетворення типів
  • Методи примітивів, числа
  • Рядки, методи рядків
  • Розгалуження (if, switch, …:…), оператори порівняння, логічні оператори
  • Цикли
  • Функції, область видимості, лексичне оточення, залишкові параметри

Модуль 5. Розробка на JavaScript

  • Коментарі, налагодження, поради щодо стилю коду
  • Об'єкти, посилання, опціональний ланцюжок
  • Масиви, методи масивів
  • Object. keys, values, entries, Map, Set
  • Рекурсія та стек. Методи setTimeout, setInterval
  • Проміси, fetch API
  • Події браузера, обробники подій, спливання та занурення, DOM, керовані input'и
  • LocalStorage SessionStorage cookies
  • Ajax. Фонове відправлення форми. Завантаження даних у фоні.
  • Прототипне програмування. ОПП в Javascript. Класи.

Ви навчитесь:

  • писати прості програми на Javascript
  • застосовувати ООП у Javascript
  • створювати складні скрипти з обробкою подій
  • працювати з форматом JSON

Блок 3. React. Redux. 

Модуль 6. React

  • HTTP, host, domen. React. NPM. JSX. Virtual DOM
  • Props, Props за умовчанням, деструктуризація.
  • Children, робота з колекціями, Prop "key"
  • Style.component. Styled. Матеріал UI. Стан.
  • Незмінність. Події у React
  • Hooks. useState. useEffect. Routing. Управління станом програми

Модуль 7. Redux

  • Redux, Flux. Action, Action Creators Reducer
  • Redux middleware: Redux-thunk.
  • React Hooks Advanced: useMemo, useReducer, useCallback

Ви навчитесь:

  • розробляти програми на React
  • використовувати просунутий API
  • писати свої компоненти на React
  • використовувати анімацію на CSS або React
  • застосовувати бібліотеку Redux на програмі React
  • РЕЗУЛЬТАТ СТУДЕНТА Студент вміє будувати багаторазові компоненти для SPA за допомогою React.

Блок 4. Docker.  

Модуль 7. Docker

  • Контейнери та VMS.
  • Словник Docker.
  • Встановлення Docker.
  • Основи Docker.
  • Спільне використання даних.
  • Мережеві ресурси.
  • Створення образів.
  • Swarm.
  • Сервіси та стек.
  • Використання Docker, корисні скрипти та поради.

Подробиці

Категорії курсів

Залишити коментар
Будь ласка, введіть ваше ім’я
Будь ласка, введіть коментар.
1000 символів

Будь ласка, введіть email
або Відмінити

Дивіться також усі онлайн-курси, репетиторів онлайн, онлайн-тренінги.