Эксклюзивный партнер
SkillFactory в России
burger
Каталог Программирование Профессия Fullstack веб-разработчик на JavaScript и PHP
Fullstack
веб-разработчик
на JavaScript и PHP
Получите крепкий фундамент в программировании
и станьте незаменимым специалистом
Системный подход к обучению
• Программа, составленная экспертами в IT
• Возможность учиться без отрыва от работы
У меня есть промокод
Профессия
20 мес
Длительность
Онлайн в удобное время
Формат
С нуля
Уровень
Вам нужно на онлайн-курс, если
1
2
Хотите сменить профессию на более востребованную
Стремитесь расти в карьере и зарплате
3
Мечтаете решать интересные задачи и развиваться
JS основной язык фронтенда. А на PHP написано 80% всех сайтов мира.
Эта профессия позволит работать в иностранных проектах из любой точки мира
Вы освоите 2 популярных
у работодателей языка — PHP и Javascript
Сможете работать удаленно в удобном для вас графике
3 причины стать
Fullstack веб-разработчиком
Растущий доход
Зарплата будет зависеть только от ваших знаний и навыков
Преподаватели и менторы учат не просто языкам, а самому принципу программирования

Что будет на курсе?

Это самый распространенный язык для бэкенда сайтов. На нем написаны Facebook, VK, системы управления контентом (CMS) Wordpress, Joomla! и Drupal. И конечно, Bitrix.

Язык прост, популярен и имеет большое сообщество. Поэтому его легко изучить с нуля.

PHP сразу был оптимизирован под быстрое создание веб-приложений. Это здорово экономит бюджет на разработку.
Это единственный язык программирования для браузеров, который работает везде — под Windows, macOS, Linux и на мобильных платформах. то есть это самый распространенный язык для фронтенда.

JavaScript достаточно прост для изучения. На нем можно писать код в любом текстовом редакторе.
Почему PHP?
Почему JavaScript?
Вы научитесь делать сайты, приложения и изучите два востребованных языка программирования — JavaScript и PHP — для создания фронтенда и бэкенда.
Бонусом вы изучите TypeScript, язык программирования, расширяющий возможности JavaScript.
Почему выбирают этот курс
Алгоритмическое мышление
После курса — стажировка
Вернем деньги, если вам не понравится
Мы закладываем алгоритмическое мышление и учим программировать через отработку алгоритмов, чтобы вы умели решать сложные задачи в разработке
Лучшие студенты проходят стажировки в проектах компаний-партнеров — это реальный кейс в портфолио и шанс перейти в штат
Если вам не понравится курс в первые 2 недели, то мы вернем вам деньги без каких-либо потерь!
Программа курса включает в себя:
Базовый курс
4 месяца
Углубленное изучение фронтенда
8 месяцев
Углубленное изучение бэкенда
8 месяцев
Профессия
Веб-разработчик
Программа курса
Введение
в Веб-разработку
Вы научитесь работать с редактором исходного кода Visual Studio и командной строкой, решать алгоритмические задачи с помощью блок-схем и описывать объекты, создавать документы с применением языка MarkDown и использовать GIT для контроля версий
Содержание курса:
  • Введение в веб-разработку: обзор IDE Visual Studio, командная строка, использование чужого кода, техническое задание, культура кода
  • Введение в программирование: переменные и константы, абстрактные типы данных, массив, объект, действия с данными, основные алгоритмические конструкции, функции
  • Markdown: описание, применение и синтаксис
  • GIT. Система контроля версий. GitHub: основные операции, файл .gitignore, ветвление, конфликты, методологии ветвления, культура коммитов, форки
Проект 1: Telegram чат-бот

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

Проект 3: Инструкция по работе с GIT на GitHub
Введение в программирование
Практика:
Содержание курса:
  • Базовый HTML: основы языка, структура и элементы веб-страницы, основные атрибуты, создание сайта
  • Базовый CSS: синтаксис языка, подключение стилей к HTML, селекторы простые и комбинированные, псевдоклассов и псевдоэлементов, их приоритет, цвета и размеры в CSS, блочная модель документа, слои, позиционирование и z-index, пример работы со стилями
Тренажер по HTML (основные элементы веб-страницы, специальные символы, другие элементы форматирования, изображения на сайте, ссылки)

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

Проект 5: Примитивная страница со списком новостей
Раздел 2. Базовая верстка
3 недели
Практика:
3 недели
Результат:
Вы научитесь создавать примитивные веб-страницы, подключать стили к 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: Генератор случайных пользовательских данных
Раздел 3. Базовый Frontend
Практика:
6 недель
Вы научитесь использовать основные типы данных и алгоритмические конструкции, работать с событиями и DOM, подключать JSON
Результат:
Содержание курса:
  • Основы языка PHP, инструменты разработчика PHP, локальный веб-сервер
  • Основные алгоритмические конструкции: условия, пользовательские функции, циклы, рекурсия, исключения, перехват исключений
  • Типы данных: арифметика, логика, строки, массивы
  • Сессии и Cookie: передача по значению и ссылке, работа с файлами и подключение файлов с кодом, сохранение состояния пользователя, передача данных между страницами, GET/POST запросы
Тренажер по PHP

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

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

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

Проект 14: Обработка форм
Раздел 4. Базовый Backend
Практика:
4 недели
Вы научитесь создавать простые таблицы, заполнять их данными и обновлять, писать код на языке базы данных PostgreSQL — PL/Sql
Результат:
Содержание курса:
Чем Frontend отличается от Backend
Проект 15: Тест на профориентацию
Раздел 5. Профориентация
Практика:
Бонус
Направление
«Frontend-разработчик»
Содержание курса:
  • Продвинутый 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: Верстка лендинга по макету
Раздел 1. Продвинутая верстка
Практика:
3 недели
8 недель
Практика:
Раздел 2. Продвинутый Frontend
Проект 4: Приложение с иерархией электроприборов

Проект 5: Практикум-рефакторинг

Проект 6: URL-запросы

Проект 7: Чат на основе эхо-сервера

Проект 8: Сайт на шаблонизаторе

Проект 9: SPA чат портал
Содержание курса:
  • Продвинутая работа с объектами в 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 чат портала
Содержание курса:
  • Введение в тестирование: качество кода, зачем нужны тесты, виды тестирования, пирамида тестирования, фреймворки для написания тестов, 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: Таск-менеджер
Раздел 3. Архитектура приложений
Практика:
7 недель
Содержание курса:
  • Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование
  • Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком
Составите резюме и сопроводительное письмо

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

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

Будете отправлять не менее 10 откликов на позиции Junior Frontend-разработчик ежедневно в течение 2 недель
Раздел 4. Трудоустройство и soft skills
Карьерный центр:
Бонус
Содержание курса:
  • Компонентный подход, модули, преимущества 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: Канбан-доска
Раздел 5. Фреймворк React
Практика:
7 недель
Содержание курса:
  • Разработка ведения учета случаев кражи велосипеда с отслеживанием прогресса. Требуется реализовать клиентскую часть, используя готовую серверную часть.
Проект 15: Реализация клиентской части сайта проката велосипедов
Раздел 6. Финальный проект «Реализация клиентской части»
Практика:
4 недели
Содержание курса:
  • Писать программы на TypeScript
  • Подключать TypeScript к проекту и настраивать
Бонус. TypeScript
Бонус
Направление
«BACKEND-разработчик»
Содержание курса:
  • Введение в реляционные базы данных: базы данных и зачем они нужны, реляционные и нереляционные базы данных, что такое первичный ключ и внешний ключ
  • Язык запросов SQL: настройка окружения и PostgreSQL, связи в таблицах и ER-диаграммы, язык запросов SQL, операторы и функции, сортировки и агрегация данных, запрос данных из нескольких таблиц, объединение результатов запросов
  • Транзакции: понятие данных и метаданных, DDL, DML и CRUD, транзакции, нормальные формы БД
  • Продвинутое использование реляционной БД: индексы, триггеры, представления, хранимые процедуры, использование предвыборок в запросах
Тренажер SQL (основы SQL, агрегатные функции, соединение таблиц, сложные объединения, подзапросы)

Проект 1: Проектирование базы данных
Раздел 1. SQL и работа с базами данных
Практика:
5 недель
10 недель
Практика:
Раздел 2. Продвинутый Backend
Проект 2: ООП для игры в автотематике

Проект 3: Каркас MVC фреймворка

Проект 4: Галерея изображений

Проект 5: Система регистраций

Проект 6: Конфигурирование приложения

Проект 7: Практикум-тестирование

Проект 8: Практикум-рефакторинг

Проект 9: Мессенджер
Содержание курса:
  • ООП: наследование, инкапсуляция, полиморфизм в 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
  • Проект. Мессенджер
Содержание курса:
  • Работа с файлами и директориями в терминале: концепция 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
Раздел 3. Основы администрирования
Практика:
6 недель
Содержание курса:
  • Работа в команде и трудоустройство: составление резюме, подготовка к интервью, подготовка к тестовому заданию, как адаптироваться в команде, разработка ПО, описание рабочих процессов, тренировочное собеседование
  • Работа на фрилансе: русскоязычные биржи, международная биржа Upwork, как выбрать биржу для работы, составление профиля, как заполнить портфолио, как оценивать и брать заказы, общение с заказчиком
Составите резюме и сопроводительное письмо

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

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

Будете отправлять не менее 10 откликов на позиции Junior Backend-разработчик ежедневно в течение 2 недель
Раздел 4. Трудоустройство и soft skills
Карьерный центр:
Бонус
Содержание курса:
  • Установка Laravel, устройство MVC в Laravel, область применения Laravel, IDE Helper, роутинг, контроллеры, Blade, директивы и компоненты, локализация
  • Artisan, миграции, Eloquent ORM, связи моделей в Eloquent
  • Принципы работы маршрутов, кастомные маршруты, CSRF в Laravel, Routing Сonventions, контроллеры в Laravel, посредники, контроллеры ресурсов
  • Авторизация и аутентификация, разграничение прав, авторизация по токену, Gate, OAuth, сброс пароля, токен
  • Юнит-тесты в Laravel, инструменты Mockery и Testbench
  • Проект. Список задач
Тренажер Laravel

Проект 14: Список задач
Раздел 5. Фреймворк Laravel
Практика:
7 недель
Содержание курса:
  • Трекер трафика, созданный для организации взаимодействия компаний (рекламодателей), которые хотят привлечь к себе на сайт посетителей и покупателей (клиентов), и владельцев сайтов (веб-мастеров)
Проект 15: Партнерская сеть
Раздел 6. Финальный проект «Партнерская сеть»
Практика:
4 недели
Реальные истории успеха наших студентов
Узнайте, как преобразилась их жизнь
Ника Гвенетадзе
Москва
34 года, Рига
Ольга Шутылева
Харьков
53 года, Москва
30 лет, Москва
Татьяна Мирко
Набережные Челны
Аркадий Хазанов
27 лет, Москва
Александра Быстрова
Сергей Димов
34 года, Абакан
Артем Белоконский
Киев

Преподаватели и менторы курса
Записаться на курс
-40%
4 790 ₽/мес
7 984 ₽/мес
В рассрочку на 36 мес
percent Кешбэк 30%: 51 732 балла на Lerna
Профессия Fullstack веб-разработчик на JavaScript и PHP
Длительность: 20 мес
Старт курса: 24 апреля
Заполните контактные данные
Имя
Телефон
E-mail
Промокод
Название компании
Отправить заявку
Нажимая на кнопку, я соглашаюсь на обработку персональных данных и принимаю условия Публичной оферты
success
error
warning
Часто задаваемые вопросы
О КУРСЕ
Учебный процесс
результат курса
Оплата