Более 450 часов интенсивной подготовки специалиста в разработке сайтов и приложений для веб. Изучение 8 продвинутых технологий для уверенного старта с нуля до junior-разработчика. Всестороннее изучение PHP, JavaScript, HTML и CSS. Курс подойдет всем желающим сменить профессию. Научитесь верстать приложения и сайты “под ключ”, подключать библиотеки и фреймворки. Выпускники получат востребованную профессию, 11 проектов в портфолио, доступ к стажировке в крупных компаниях и базе вакансий.
Чему научитесь
Проектировать веб-сервисы, работая с фронтендом и бэкэндом:
– Верстать веб-страницы на HTML и CSS, настраивать адаптивность.
– Решать задачи с помощью JavaScript.
– Подключать библиотеки React, JSX, React router, VirtualDom.
– Программировать на PHP.
– Разрабатывать бэкэнд в библиотеке Laravel.
Веб-разработчик — универсальный и высокооплачиваемый специалист
Он создаёт и поддерживает сайты и приложения — может заниматься внешним видом интерфейсов, серверной частью или всем вместе.
Вы научитесь фронтенд-разработке на HTML, CSS и Javascript, пройдёте симулятор и вместе с карьерным консультантом выберете один из языков программирования для бэкенд-разработки: PHP, NodeJS или Python. В результате сможете самостоятельно создавать сайты и веб-приложения, работая в IT-компании или на фрилансе.
Содержание программы
1. HTML-верстка: с нуля до первого макета
2. Адаптивная и мобильная верстка
3. Основы программирования
4. Git – система контроля версий
5. Основы JavaScript
6. Основы JavaScript в браузере
7. Продвинутый JavaScript
8. Продвинутый JavaScript в браузере
9. React: Библиотека №1 в современной фронтенд-разработке
10. Основы PHP
11. Продвинутый PHP
12. Фреймворк Laravel
13. Английский язык для начинающих разработчиков
14. Основы графического дизайна
15. Алгоритмы и структуры данных. Базовый курс.
16. Карьера в веб-разработке: курс от Центра развития карьеры
Подробно:
1. HTML-верстка: с нуля до первого макета
1.1 Верстка контента и каркаса страницы
введение в верстку
- контентные теги
- теги для верстки структуры контента
- позиционирование блочных элементов
1.2 Формы
- верстка форм
- нестандартные элементы форм
1.3 Всплывающие и flex-элементы
- всплывающие элементы
- позиционирование flex-элементов
В конце блока вы сможете:
– верстать страницы на HTML и CSS
– разбираться в семантике HTML
– задавать размеры элементов и позиционировать их
– использовать инструменты DevTools
2. Адаптивная и мобильная верстка
2.1 Резиновая верстка
- верстка резинового макета
- резиновые изображения
2.2 Мобильная верстка
- введение в медиа-запросы
- медиа-функции
- особенности верстки для мобильных устройств
2.3 Адаптивная верстка
- верстка адаптивного макета
- адаптивная типографика
- Breakpoints
- адаптивные изображения
В конце блока вы сможете:
– верстать сайты для всех типов устройств (компьютеры, планшеты, смартфоны)
– создавать отзывчивые веб-интерфейсы
– освоите работу с flexbox
3. Основы программирования
3.1 Типы данных и ветвление
- базовые понятия, переменные и числа
- логический тип и ветвление
- строки, алгоритмы, как отлаживать код
3.2 Структуры данных и циклы
- массивы и базовые методы работы с ними
- циклы
- ассоциативные массивы
3.3 Функции
- функция без параметров. Область видимости
- параметры и возвращаемое значение
В конце блока вы сможете:
– создавать массивы на JavaScript
– создавать и инициализировать объекты
– работать с вложенными структурами в JavaScript
4. Git – система контроля версий
4.1 Внедрение системы контроля версий
- в видео-формате с домашним заданием и проверкой преподавателем
4.2 Истории работы и ветки
- в видео-формате с домашним заданием и проверкой преподавателем
4.3 Командная работа
- в видео-формате с домашним заданием и проверкой преподавателем
4.3 Разбор домашних работ
- вебинар с преподавателем
В конце блока вы сможете:
– создавать репозитории, клонировать, делать push и pull request на GitHub
– разрешать конфликты версий кода
– работать с терминалом
– работать с историей и ветками на GitHub
5. Основы JavaScript
5.1 Основные понятия
5.2 Функции
5.3 Работа с массивами
5.4 Объекты
5.5 Классы
5.6 Обработка исключений и замыкания
5.7 Асинхронность
5.8 Функции декораторы, оператор три точки, call, apply
В конце блока вы:
– освоите основы языка JavaScript
– научитесь работать с исключениями и асинхронностью
6. Основы JavaScript в браузере
6.1 Основы разработки интерфейсов
- возможности JavaScript в браузере
- способы поиска нужного HTML-элемента
- объект события
6.2 Работа с DOM
- DOM
- работа с HTML-формами
- изменение структуры HTML-документа
6.3 Работа с состоянием
- асинхронные запросы
- хранение состояния на клиенте и отправка на сервер
В конце блока вы сможете:
– использовать на JavaScript дополнительные возможности браузера
– подключать скрипт к HTML-документу и делать его “живым”: изменять его, реагировать на действия пользователя
7. Продвинутый JavaScript
7.1 Организация работыстандарты и рабочее окружениемодулиплатформы: браузер vs node.jsunit-тестирование7.2 Функции, замыкания и ООПпрототипы, конструкторы, классы и наследованиеobject, reflection и proxyрегулярные выражения7.3 Работа с состояниемконтейнерыArrayBuffer7.4 Работа с состояниемpromises, async/await, timers & event loopсимволы, итераторы, генераторыTypeScriptВ конце блока вы сможете:
– работать с современным инструментом для организации рабочего окружения (npm, webpack)
– использовать наиболее сложные разделы языка: прототипной моделью, promises и асинхронными программированием (async/await)
8. Продвинутый JavaScript в браузере
8.1 Организация работы, события и DOM
- рабочее окружение
- работа с DOM (объектная модель документа)
- обработка событий
8.2 Работа с формами и сетью
- организация тестирования (Unit, E2E)
- работа с HTML-формами
- Drag&Drop, работа с файлами
- работа с HTTP
8.3 Интерактивность
- EventSource, Websockets
- анимация и CSS
- Geolocation, Notification, Media
8.4 Advanced
- RxJS
- WebWorkers, ServiceWorkers
В конце блока вы сможете:
– использовать инструменты, ускоряющие работу
– профессионально работать с формами
– использовать продвинутые элементы: слайдеры, календари, файлы
– работать с API, предоставляемым браузером: геолокацию, нотификацию, веб-сокеты
9. React: Библиотека №1 в современной фронтенд-разработке
9.1 Компоненты
- компоненты
- события и состояния
- Props
- формы
9.2 Продвинутые техники, одностраничные приложения
- композиция компонентов
- жизненный цикл и работа с HTTP
- HOC
- hooks, Context API
- React Router
9.3 Redux – управление состоянием
- Redux
- Redux и Redux Thunk
- Redux Observable
- Redux Saga
В конце блока вы сможете:
– использовать инструменты, ускоряющие работу
– профессионально работать с формами
– использовать продвинутые элементы: слайдеры, календари, файлы
– работать с API, предоставляемым браузером: геолокацию, нотификацию, веб-сокеты
10. Основы PHP
10.1 Базовый синтаксис. PHP в HTML и HTML средствами PHP
- знакомство с PHP и PHPStorm
- консольные приложения в PHP
- базовые операторы и функции
10.2 Работа с файлами
- cоздание функций в PHP
- основы работы с объектами
- HTTP, заголовки, сессии
10.3 PHP как средство профессиональной разработки
- файлы, HTML-формы
- развертывание приложения на хостинге
В конце блока вы сможете:
– работать с данными в PHP, создавать массивы и условные конструкции на PHP
– работать с файлами
– использовать принципы объектноориентированного программирования
11. Продвинутый PHP
11.1 Объектно-ориентированное программирование
- понятие класса и объекта
- наследование, полиморфизм и инкапсуляция
- примеси, перезагрузка и магия
11.2 Базы данных и тестирование
- работа с базами данных
- тестирование, php-unit
В конце блока вы сможете:
– работать с базами данных
– настраивать веб-сервер
– писать SQL-запросы
12. Фреймворк Laravel
12.1 Введение в Laravel
- введение в Laravel
- MVC, Базы данных
- Middleware. Авторизация
- работа с REST API
12.2 Базы данных
- работа с базами данных
- авторизация пользователей
- передача данных в шаблоны
12.3 Работа с проектом
- создание и поддержка проекта
- дополнительные возможности библиотеки
В конце блока вы сможете:
– использовать библиотеку Laravel для своего проекта
– настраивать обработку данных от начала и до конца и авторизацию пользователей
13. Английский язык для начинающих разработчиков
- Лексика, без которой не обойтись
- Как вести переписку на английском
- Чтение документации и анализ требований
- Программирование
- Тестирование ПО
- Стрессовые ситуации
- Устранение неполадок
- Работа и роли в команде
- Поддерживаем любую беседу на английском
- Собрания, презентации на высшем уровне
14. Основы графического дизайна
- Основы композиции
- Теория цвета
- Цифровая эстетика и новые медиа
- Типографика
- Введение в брендинг и современный плакат
- VR
15. Алгоритмы и структуры данных. Базовый курс.
- Введение в алгоритмическую сложность. Бинпоиск
- Динамическое программирование и “жадность”
- Сортировки
- Динамический массив. Списки. Деки
- Пирамиды и деревья поиска
- Хеширование
- Графы
- Орграфы
16. Карьера в веб-разработке: курс от Центра развития карьеры
Старт обучения 18.11.2022 – окончание 18.10.2024 г
