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

Web-разработка


  • 3499 грн  -10%

Курс Web-разработка – это комплексный курс, разработанный на основании текущих требований рынка веб-разработки. Курс включает в себя весь функционал, необходимый для современного разработчика.

В начале курса 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

  1. Введение. Подключение скрипта к странице. Структура кода, строгий режим, переменные и константы
  2. Базовые операторы, преобразование типов
  3. Методы примитивов, числа
  4. Строки, методы строк
  5. Ветвление (if, switch, …:…), операторы сравнения, логические операторы
  6. Циклы
  7. Функции, область видимости, лексическое окружение, остаточные параметры

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

  1. Комментарии, отладка, советы по стилю кода 
  2. Объекты, ссылки, опциональная цепочка
  3. Массивы, методы массивов
  4. keys, values, entries, Map, Set
  5. Рекурсия и стек. Методы setTimeout, setInterval
  6. Промисы, fetch API
  7. События браузера, обработчики событий, всплытие и погружение, DOM, управляемые input'ы
  8. LocalStorage SessionStorage cookies
  9. Фоновая отправка формы. Загрузка данных в фоне.
  10. Прототипное программирование. ОПП в Javascript. Классы.

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

  • писать простые программы на Javascript
  • применять ООП в Javascript
  • создавать сложные скрипты с обработкой событий
  • работать с форматом JSON

Блок 3. React. Redux. Docker

Модуль 6. React

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

Модуль 7. Redux

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

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

  • разрабатывать приложения на React
  • использовать продвинутый API
  • писать свои компоненты на React
  • использовать анимацию на CSS или на React
  • применять библиотеку Redux на приложении React

Модуль 8. Docker

  • Контейнеры и VMS.
  • Словарь Docker.
  • Установка Docker.
  • Основы Docker.
  • Совместное использование данных.
  • Сетевые ресурсы.
  • Создание образов.
  • Swarm
  • Сервисы и стек.
  • Использование Docker, полезные скрипты и советы.

Результат блока React. Redux. Docker

  • разрабатывать приложения на React
  • использовать продвинутый API
  • писать свои компоненты на React
  • использовать анимацию на CSS или на React
  • применять библиотеку Redux на приложении React

Детали

Категории курсов


Оставить комментарий

Пожалуйста, введите Ваше имя
Пожалуйста, введите комментарий.
1000 символов

Пожалуйста, введите email
или Отменить

Все курсы в Запорожье, а также вузы в Запорожье, колледжи в Запорожье, репетиторы в Запорожье, работа в Запорожье