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

Направление
Веб-разработка
Формат
Видео в записи
Упражнения на платформе
Домашние задания
Есть
Итоговый экзамен
Нет
Количество уроков
18
Документ об обучении
Сертификат
Обратная связь
Есть
Доступ
Сразу после покупки
Последнее обновление 03.07.2022

О курсе

Получите крепкий фундамент в программировании и станьте незаменимым специалистом.

Программа курса

  1. Содержание курса:

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

    Практика:
    Проект 1: Telegram чат-бот

    Проект 2: Инструкция по установке Visual Studio

    Проект 3: Инструкция по работе с GIT на GitHub

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

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

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

    Проект 4: Простой сайт-визитка

    Проект 5: Примитивная страница со списком новостей

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

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

    Проект 1: Telegram чат-бот

    Проект 2: Инструкция по установке Visual Studio

    Проект 3: Инструкция по работе с GIT на GitHub
    Введение в программирование
    Практика:
    3 недели
    3 недели
    Практика:
    Раздел 2. Базовая верстка
    Тренажер по HTML (основные элементы веб-страницы, специальные символы, другие элементы форматирования, изображения на сайте, ссылки)

    Проект 4: Простой сайт-визитка

    Проект 5: Примитивная страница со списком новостей
    Содержание курса:

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

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

    Принципы работы 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. Содержание курса:

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

    Практика:
    Тренажер по PHP

    Проект 11: Сайт-визитка

    Проект 12: Алгоритмические задачи

    Проект 13: Поиск идеальной пары

    Проект 14: Обработка форм

    Результат:
    Вы научитесь создавать простые таблицы, заполнять их данными и обновлять, писать код на языке базы данных PostgreSQL — PL/Sql
  5. Содержание курса:
    Чем Frontend отличается от Backend

    Практика:
    Проект 15: Тест на профориентацию
  6. Содержание курса:

    Продвинутый 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: Верстка лендинга по макету
  7. Содержание курса:

    Продвинутая работа с объектами в 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 чат портал
  8. Содержание курса:

    Введение в тестирование: качество кода, зачем нужны тесты, виды тестирования, пирамида тестирования, фреймворки для написания тестов, 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: Таск-менеджер
  9. Содержание курса:

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

    Карьерный центр:
    Составите резюме и сопроводительное письмо

    Отрепетируете техническое интервью с экспертом-разработчиком

    Выполните реальные тестовые задания

    Будете отправлять не менее 10 откликов на позиции Junior Frontend-разработчик ежедневно в течение 2 недель
  10. Содержание курса:

    Писать программы на TypeScript
    Подключать TypeScript к проекту и настраивать
  11. Содержание курса:

    Компонентный подход, модули, преимущества 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: Канбан-доска
  12. Содержание курса:

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

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

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

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

    Проект 1: Проектирование базы данных
  14. Содержание курса:

    ООП: наследование, инкапсуляция, полиморфизм в 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: Мессенджер
  15. Содержание курса:

    Работа с файлами и директориями в терминале: концепция 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
  16. Содержание курса:

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

    Карьерный центр:
    Составите резюме и сопроводительное письмо

    Отрепетируете техническое интервью с экспертом-разработчиком

    Выполните реальные тестовые задания

    Будете отправлять не менее 10 откликов на позиции Junior Backend-разработчик ежедневно в течение 2 недель
  17. Содержание курса:

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

    Практика:
    Тренажер Laravel

    Проект 14: Список задач
  18. Содержание курса:

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

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

Тарифы

Другие курсы по этой теме