[Нетология] Веб-разработчик с нуля (2022-2024)

Более 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 г

ИСТОЧНИК

СКАЧАТЬ