Курс «Fullstack веб-разработчик на JavaScript и PHP»

Курс онлайн-школы SkillFactory «Fullstack веб-разработчик на JavaScript и PHP» Александра Пряхина подойдёт вам, если мечтаете сменить профессию, а также ищете способы вырасти в карьере и зарплате.

Главная цель курса – получить крепкие знания по программированию и стать Fullstack разработчиком высокого уровня.

1. Работа в редакторах и с командной строкой.
2. Использованием блок-схем для решения задач.
3. Создание документов посредством MarkDown и контроль с GIT.
4. Разработка веб-страниц, стилей, создание фронтенда.
5. Работа с алгоритмами и основными типами данных.
6. Создание таблиц, их заполнение и разработка кода.

В результате занятий на курсе «Fullstack веб-разработчик на JavaScript и PHP» вы будете писать коды и страницы для сети востребованными языками программирования. Получите сертификат об окончании курса.

Базовый курс

Введение в программирование

• Введение в веб-разработку: обзор IDE Visual Studio, командная строка, использование чужого кода, техническое задание, культура кода.
• Введение в программирование: переменные и константы, абстрактные типы данных, массив, объект, действия с данными, основные алгоритмические конструкции, функции.
• Markdown: описание, применение и синтаксис.
• GIT. Система контроля версий. GitHub: основные операции, файл .gitignore, ветвление, конфликты, методологии ветвления, культура коммитов, форки.

• Проект 1: Telegram чат-бот.
• Проект 2: Инструкция по установке Visual Studio.
• Проект 3: Инструкция по работе с GIT на GitHub.

• Вы научитесь работать с редактором исходного кода Visual Studio и командной строкой, решать алгоритмические задачи с помощью блок-схем и описывать объекты, создавать документы с применением языка MarkDown и использовать GIT для контроля версий.

• Базовый HTML: основы языка, структура и элементы веб-страницы, основные атрибуты, создание сайта.
• Базовый CSS: синтаксис языка, подключение стилей к HTML, селекторы простые и комбинированные, псевдоклассов и псевдоэлементов, их приоритет, цвета и размеры в CSS, блочная модель документа, слои, позиционирование и z-index, пример работы со стилями.

• Тренажер по HTML (основные элементы веб-страницы, специальные символы, другие элементы форматирования, изображения на сайте, ссылки).
• Проект 4: Простой сайт-визитка.
• Проект 5: Примитивная страница со списком новостей.

• Вы научитесь создавать примитивные веб-страницы, подключать стили к HTML, работать со слоями и селекторами.

Раздел 3. Базовый Frontend

• Принципы работы JavaScript: что такое JS, ES, ES6+, консоль браузера, переменные и константы, возможности JavaScript в браузере, alert и prompt, работа с DOM, работа с событиями, объект события.
• Числа и строки в JavaScript: числа и операции с ними, Math, строки и операции с ними.
• Условия в JavaScript: логические переменные, алгебра логики, условия, Null, Undefined, алгоритм бинарного поиска.
• Циклы и массивы в JavaScript: циклы, массивы, методы массивов, перебирающие методы, деструктуризация, Map, Set, алгоритмы сортировки.
• Функции и объекты в JavaScript: пользовательские функции, объекты, JSON, область видимости, замыкания, анонимные функции, стрелочные функции, функция обратного вызова Сallback, каррирование.

• Тренажер по JavaScript.
• Проект 6: Приложения с обработкой пользовательского ввода.
• Проект 7: Простой калькулятор.
• Проект 8: Игра «Угадайка» с использованием алгоритма бинарного поиска.
• Проект 9: Справочник «Экзотические фрукты»
• Проект 10: Генератор случайных пользовательских данных.

• Вы научитесь использовать основные типы данных и алгоритмические конструкции, работать с событиями и DOM, подключать JSON.

Раздел 4. Базовый Backend

• Основы языка PHP, инструменты разработчика PHP, локальный веб-сервер.
• Основные алгоритмические конструкции: условия, пользовательские функции, циклы, рекурсия, исключения, перехват исключений.
• Типы данных: арифметика, логика, строки, массивы.
• Сессии и Cookie: передача по значению и ссылке, работа с файлами и подключение файлов с кодом, сохранение состояния пользователя, передача данных между страницами, GET/POST запросы.

• Тренажер по PHP.
• Проект 11: Сайт-визитка.
• Проект 12: Алгоритмические задачи.
• Проект 13: Поиск идеальной пары.
• Проект 14: Обработка форм.

• Вы научитесь создавать простые таблицы, заполнять их данными и обновлять, писать код на языке базы данных PostgreSQL — PL/Sql.

• Чем Frontend отличается от Backend.

• Проект 15: Тест на профориентацию.

Углубленное изучение фронтенда

Раздел 1. Продвинутая верстка

• Продвинутый HTML: семантическая верстка, адаптивная верстка, БЭМ, инструменты макетирования, Figma.
• Продвинутый CSS: стилизация span, типы шрифтов, подключение шрифтов, свойство display, адаптивная вёрстка, медиазапросы, кроссбраузерность, принцип mobile first.
• Сетки CSS: Flexbox, Grid, Bootstrap.
• Анимации: CSS в больших приложениях, Transition, Transform, Keyframes, JS анимации.
• Проект «Верстка лендинга по макету» одностраничный лендинг дизайнерского агентства.

• Тренажер по CSS (подключение стилей, поток документа, цвета, размеры, границы, слои, позиционирование, z-index, flexbox, свойство display, медиазапросы).
  
• Проект 1: Создание веб-страницы в Figma.
• Проект 2: Верстка на Bootstrap.
• Проект 3: Верстка лендинга по макету.

Раздел 2. Продвинутый Frontend

• Продвинутая работа с объектами в JS: объекты, прототип и конструктор объекта, ООП в JS и ES6, наследование, полиморфизм, инкапсуляция.
• Стандарты написания кода и общие подходы: объектная модель в JS, прототипирование и наследование, bind, call, ES стандарт, стрелочные функции, Function Expression, SOLID
• Асинхронность (AJAX): JSON vs XML, XHR, механизмы. хранения данных на клиенте, promises, async/await, работа с HTTP (fetch, async/await).
• API браузера: Drag & Drop, SVG, Canvas, Geolocation, Notification, Screen size, Event Source, WebSocket.
• Инфраструктура Frontend: сборщики и зависимости, архитектура кода в JS, минификация и обфускация кода, use strict, модули, Import/Export, Gulp, Webpack, SCSS, препроцессоры Pug, SASS.
• Введение в принципы построения SPA: токены, запросы, контент без перезагрузки страницы, навигация.
• Проект «SPA чат портал»: разработка одностраничного SPA чат портала.

• Проект 4: Приложение с иерархией электроприборов.
• Проект 5: Практикум-рефакторинг.
• Проект 6: URL-запросы.
• Проект 7: Чат на основе эхо-сервера.
• Проект 8: Сайт на шаблонизаторе.
• Проект 9: SPA чат портал.

Раздел 3. Архитектура приложений

• Введение в тестирование: качество кода, зачем нужны тесты, виды тестирования, пирамида тестирования, фреймворки для написания тестов, Npm,Yarn, экстремальное программирование, Unit-тесты, тестирование в браузере.
• Тестирование и линтеры: форматтеры, линтеры, виды тестирования, подходы: TDD, BDD, обзор фреймворков для тестирования.
• Архитектура приложений: введение и установка, разворачиваем проект из архива, маршрутизация — роутинг — router, шаблонизатор — template — pug, контроллеры и MVC, middleware и обработка ошибок.
• Взаимодействие с backend: взаимодействие с сервером, что такое XHR, REST API, коды ответа, инструмент для разработки API: swagger.
• Алгоритмы и структуры данных. Оптимизация приложений: структуры данных, деревья, бинарное дерево поиска, хеш-таблицы, map, алгоритмы, оптимизация приложений, сортировка пузырьком, быстрая сортировка, сортировка слиянием, сложность алгоритма, оптимизация приложений через Webpack, оптимизация через картинки, SVG спрайты, Graph QL.
• Проект «Таск-менеджер»: разработка менеджера постановки и контроля выполнения задач.

• Проект 10: Практикум-тестирование.
• Проект 11: Разработка магазина.
• Проект 12: Решение алгоритмических задач.
• Проект 13: Таск-менеджер.

Раздел 4. Трудоустройство и soft skills

• Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование.
• Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком.

• Составите резюме и сопроводительное письмо.
• Отрепетируете техническое интервью с экспертом-разработчиком.
• Выполните реальные тестовые задания.
• Будете отправлять не менее 10 откликов на позиции Junior Frontend-разработчик ежедневно в течение 2 недель.

Раздел 5. Фреймворк React

• Компонентный подход, модули, преимущества React, JSX, Virtual DOM, быстрый старт React-приложения.
• Типы компонентов, State и Props, презентационные и компоненты-контейнеры, методы жизненного цикла, Render, возвращаемые значения.
• Children, обработка событий, работа с CSS, типизация React-приложений, паттерны программирования, однонаправленный поток данных.
• React Developers Tools, Render Prop, High Order Components, пример HOC и Render Prop, функциональное программирование, PureComponent, Hooks, UseState, UseEffect, продвинутый API, обзор Hooks, Best Practices.
• React Router, роутинг с использованием ссылок и History API, знакомство с библиотекой React-router-v4, Refs и контекст.
• Проект «Канбан-доска»: разработка инструмента для визуализации и разбивки какой-либо задачи на этапы.

• Тренажер React.
• Проект 14: Канбан-доска.

Раздел 6. Финальный проект «Реализация клиентской части»

• Разработка ведения учета случаев кражи велосипеда с отслеживанием прогресса. Требуется реализовать клиентскую часть, используя готовую серверную часть.

• Проект 15: Реализация клиентской части сайта проката велосипедов.

Углубленное изучение бэкендов

Раздел 1. SQL и работа с базами данных

• Введение в реляционные базы данных: базы данных и зачем они нужны, реляционные и нереляционные базы данных, что такое первичный ключ и внешний ключ.
• Язык запросов SQL: настройка окружения и PostgreSQL, связи в таблицах и ER-диаграммы, язык запросов SQL, операторы и функции, сортировки и агрегация данных, запрос данных из нескольких таблиц, объединение результатов запросов.
• Транзакции: понятие данных и метаданных, DDL, DML и CRUD, транзакции, нормальные формы БД.
• Продвинутое использование реляционной БД: индексы, триггеры, представления, хранимые процедуры, использование предвыборок в запросах.

• Тренажер SQL (основы SQL, агрегатные функции, соединение таблиц, сложные объединения, подзапросы).
• Проект 1: Проектирование базы данных.

Раздел 2. Продвинутый Backend

• ООП: наследование, инкапсуляция, полиморфизм в PHP, абстрактные классы и интерфейсы, проектирование классов и их вызов, исключения.
• MVC: Понятие MVC, Front Controller и настройка веб-сервера, Composer, PSR (PSR-4), роутинг.
• Работа с БД: сохранение пользовательских данных, PDO, SQL-инъекции, передача данных из формы в БД.
• Авторизация и аутентификация: создание формы, хранение паролей и криптофункции, RBAC.
• Конфигурирование приложения: подключение конфигураций, внешние библиотеки конфигураций, логирование данных, .env синтаксис и почему нельзя хранить конфигурацию вместе с кодом в одном репозитории.
• Тестирование приложения: PHPUnit, моки и стабы.
• SOLID, паттерны, PSR: SOLID, паттерны проектирования их применение в MVC-приложениях, PSR 1, 12.
• Скорость работы приложения: профилирование приложения, кэширование и cache hit rate, Memcached.
• Проект. Мессенджер.

• Проект 2: ООП для игры в автотематике.
• Проект 3: Каркас MVC фреймворка.
• Проект 4: Галерея изображений.
• Проект 5: Система регистраций.
• Проект 6: Конфигурирование приложения.
• Проект 7: Практикум-тестирование.
• Проект 8: Практикум-рефакторинг.
• Проект 9: Мессенджер.

Раздел 3. Основы администрирования

• Работа с файлами и директориями в терминале: концепция Linux, установка виртуальной машины, Manual, директории, чтение файлов, редактирование файлов, элементарная работа с файлами, системы поиска.
• Linux: виртуальные машины, сборка виртуальной машины, разработка на виртуальных машинах, командная строка Linux.
• Настройка веб-серверов: что такое веб-сервера и какие они бывают, Nginx, его установка и настройка, Apache, его установка, настройка и связка с nginx, обработчики кода, PHP, установка, настройка, производительность, связь с Apache, настройка связки Nginx + Apache + PHP. Инфраструктуры веб-серверов, Nginx как файловый сервер. Веб-сервер и FTP.
• Troubleshooting веб-серверов: введение в troubleshouting веб-серверов, логи веб-серверов, решение проблем с запуском службы веб-сервера, решение проблем со сторонними службами. PHP, проблемы в работе сайта, связанные с веб-сервером, безопасность, когда всё совсем плохо. Бэкапы, репликация, балансировщики.
• Контейнеры и Docker: контейнеризация, Docker, Docker Compose, разработка с Docker.

• Проект 10: Сборка площадки для разработки на базе Homestead.
• Проект 11: Задачи с веб-серверами.
• Проект 12: Решение проблем с веб-сервером.
• Проект 13: Сборка площадки для разработки на базе Docker.

Раздел 4. Трудоустройство и soft skills

• Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование.
• Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком.

• Составите резюме и сопроводительное письмо.
• Отрепетируете техническое интервью с экспертом-разработчиком.
• Выполните реальные тестовые задания.
• Будете отправлять не менее 10 откликов на позиции Junior Backend-разработчик ежедневно в течение 2 недель.

Раздел 5. Фреймворк Laravel

• Установка Laravel, устройство MVC в Laravel, область применения Laravel, IDE Helper, роутинг, контроллеры, Blade, директивы и компоненты, локализация.
• Artisan, миграции, Eloquent ORM, связи моделей в Eloquent.
• Принципы работы маршрутов, кастомные маршруты, CSRF в Laravel, Routing Сonventions, контроллеры в Laravel, посредники, контроллеры ресурсов.
• Авторизация и аутентификация, разграничение прав, авторизация по токену, Gate, OAuth, сброс пароля, токен.
• Юнит-тесты в Laravel, инструменты Mockery и Testbench.
• Проект. Список задач.

• Тренажер Laravel.
• Проект 14: Список задач.

Раздел 6. Финальный проект «Партнерская сеть»

• Трекер трафика, созданный для организации взаимодействия компаний (рекламодателей), которые хотят привлечь к себе на сайт посетителей и покупателей (клиентов), и владельцев сайтов (веб-мастеров).

• Проект 15: Партнерская сеть.

• Формат
  Самостоятельно Оптимальный — Самостоятельно с наставником Индивидуальный — С преподавателем
  Живые вебинары / Видеоуроки Оптимальный — Живые вебинары / Видеоуроки / Консультации Индивидуальный — Живые вебинары / Видеоуроки / Консультации
  Обучение в ЛК на сайте автора
• Продолжительность
  20 месяцев
• Уровень сложности
  Для новичков
• Когда вы будете учиться
  Строго по расписанию
• Домашние задания
  Есть
• Документ об обучении
  Сертификат Освоение программы курса
• Сопровождение
  Куратором
• Общение с группой
  Форум или чат внутри ЛК
• Техническая поддержка
  В рабочее времяЧат на сайтеЧат в ВКЧат в мессенджереЭлектронная почтаТелефон
• Срок доступа к материалам
  Бессрочный
• Бонусы
  Для всех учеников
• Год выхода
  2022 Последнее обновление: 21.04.2024