Web-розробка
- Polygon Center, комп'ютерні курси
- Студенти, дорослі
- Онлайн
- www.polygon.center
- Наталя
Про курс
Курс 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, корисні скрипти та поради.
-
Інформаційні технології, IT
Дивіться також усі онлайн-курси, репетиторів онлайн, онлайн-тренінги.
Коментарі
Невірно заповнені поля відзначені червоним.
Будь ласка, перевірте форму ще раз.
Ваш коментар відправлений і буде доступний на сайті після перевірки адміністратором.