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

Описание

Более 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. Карьера в веб-разработке: курс от Центра развития карьеры