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

Живые вебинары, Видеоуроки / Самостоятельно / Обучение в ЛК на сайте автора

  • 20 месяцев
  • Сертификат
  • Участие в потоке

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

Автор: Онлайн-школа Skillfactory

Обновлено: 27.08.2024

Источник изображения: Pexels

от5 030 /мес. от8 383 /мес.
Скидка 40%
  • Оплата на сайте автора. Цена может отличаться.

Варианты участия

Базовый 5 030 /мес.

  • Скидка 40%
  • Цена без скидки — 8 383 ₽/мес.
  • Поддержка менторов в Slack.
  • 1 карьерная консультация от Центра карьеры.
  • Доступ к материалам курса навсегда.
  • Участие в вебинарах с преподавателями.
  • Помощь с трудоустройством от Карьерного центра.
  • Поддержка координаторов и первой линии саппорта.

Оптимальный 8 549 /мес.

  • Скидка 40%
  • Цена без скидки — 14 249 ₽/мес.
  • 2 карьерные консультация от Центра карьеры (включая ревью резюме на англ. языке и советы как выйти на зарубежный рынок).
  • 20 индивидуальных консультаций с ментором, 60 мин.
  • Тестовое техническое индивидуальное собеседование с ментором.
  • Продление дедлайнов на задание неограниченное количество раз.
  • Дополнительные 4 модуля по алгоритмам и структурам данных.
  • Свой проект с ментором во время обучения.

Индивидуальный 16 390 /мес.

  • Скидка 40%
  • Цена без скидки — 27 317 ₽/мес.
  • 3 карьерные консультация от Центра карьеры (включая ревью резюме на англ. языке и советы как выйти на зарубежный рынок).
  • Персональный ментор - созвоны каждую неделю на 60 мин, полное сопровождение.
Этот курс включает:
  • 20 месяцев
  • Срок доступа: бессрочный
  • Обучение: в ЛК на сайте автора
  • Когда будете учиться: строго по расписанию
  • Уровень сложности: для новичков
  • Бонусы: для всех учеников
  • Домашние задания: есть
  • Сопровождение: куратором
  • Сертификат
  • Техническая поддержка: в рабочее время, чат на сайте, чат в вк, чат в мессенджере, электронная почта, телефон
  • Доступ: сразу после оплаты
Fullstack веб-разработчик на JavaScript и PHP

Онлайн-школа Skillfactory

Перейти на сайт

Что вы получите?

  • Работу над проектами реальных клиентов.
  • Авторскую программу от IT-эксперта.
  • Помощь при устройстве на работу.
  • Знания, которые помогут стать универсальным специалистом.
  • Фундаментальные знания по программированию.

О курсе

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

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

Во время курса «Fullstack веб-разработчик на JavaScript и PHP» вы познакомитесь со всеми этапами веб-разработки:

  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 для контроля версий.

Раздел 2. Базовая верстка

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

  • Базовый 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.

Раздел 5. Профориентация

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

  • Чем 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 Последнее обновление: 27.08.2024
  1. Нажмите на кнопку
    Перейти на сайт
  2. Вы перейдете на детальную страницу курса Школы. Внимательно прочитайте представленную на ней информацию.
  3. Следуя указаниям, оформите заказ на курс.
  4. Обязательно укажите актуальный e-mail. На него придет вся информация, в частности, по доступу к курсу.
  5. Если вы еще не готовы к покупке курса, то советуем для начала освоить бесплатный материал Школы.

Если инструкция вам не помогла, пожалуйста напишите нам на почту info@info-hit.ru, мы оперативно поможем вам получить необходимую информацию.

Отзывы о курсе

Пока никто не оставил отзывов. Чтобы оставить отзыв перейдите на полную версию страницы.

Другие курсы автора