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

Web-розробка


  • 3499 грн  -10%

Курс 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
або Відмінити

Усі курси в Запоріжжі, а також ЗВО (вузи) в Запоріжжі, коледжі в Запоріжжі, репетитори в Запоріжжі, робота в Запоріжжі