[Stepik] FullStack Pro MAX (Web Hacker)

​

Курс "FullStack разработчик" предназначен для тех, кто хочет освоить все необходимые навыки для создания полноценных веб-приложений.

В рамках курса студенты изучат следующие технологии и инструменты:

1. HTML: основной язык разметки, используемый для создания структуры веб-страниц.
2. CSS: язык стилей, который позволяет задавать внешний вид и оформление веб-страниц.
3. JavaScript (JS): язык программирования, используемый для добавления интерактивности и динамического поведения на веб-страницах.
4. Git/GitHub: система контроля версий, которая позволяет отслеживать изменения в коде, сотрудничать с другими разработчиками и управлять проектами.
5. Figma: инструмент для создания дизайна интерфейсов, который позволяет создавать макеты и прототипы веб-приложений.
6. VS Code: популярная интегрированная среда разработки (IDE), которая обладает множеством функций и расширений для комфортной работы с кодом.
7. PHP: скриптовый язык программирования, широко используемый для разработки веб-приложений и серверной части.
8. SQL: язык структурированных запросов, используемый для работы с базами данных.
9. MySQL/PHPMyAdmin: система управления базами данных, которая позволяет создавать, изменять и управлять данными в базе данных MySQL.

Данный курс состоит из следующих курсов:

• JavaScript Pro
• HTML CSS Lite
• PHP
• Git и GitHub
• HTML CSS Pro
• SQL Lite

Для кого этот курс:

Для начинающих:

• С нуля освоите востребованную профессию и научитесь создавать сайты
• Cтруктурируете имеющиеся знания и освоите инструменты для работы на уровне Junior

Для профессионалов:

• Расширите профессиональные компетенции, сможете повысить свою ценность на рынке труда

​

Начальные требования:

• Желание учиться и узнавать что-то новое!

В курс входят:

• 217 уроков
• 4часа 26минут видео
• 712 тестов
• 242 интерактивные задачи

Спойлер: Программа курса

Общая информация о курсе

1. Общая информация о курсе

Вливаемся в WEB-разработку

1. Что такое создание сайтов?
2. Фронтенд и бэкенд
3. URL-адреса
4. Хостинг

Редактор кода

1. Что такое редактор кода?
2. Установка VS Code
3. Плагины
4. Функции редактора VS Code

HTML Начало

1. HTML: Знакомство
2. HTML: Синтаксис
3. HTML: Документ
4. HTML: Онлайн компилятор для тестов

HTML Теги

1. HTML: Заголовки и параграфы
2. HTML: Комментарии
3. HTML: Вложенность тегов
4. HTML: Блочные и строчные элементы
5. HTML: Списки
6. HTML: Тег переноса, тег pre
7. HTML: Div
8. HTML: Итоговая контрольная работа №1

HTML атрибуты

1. HTML: Атрибуты
2. HTML: Универсальные атрибуты
3. HTML: Ссылки
4. HTML: Изображения
5. HTML: Атрибут style
6. HTML: Цвета и спецсимволы
7. HTML: Кнопки
8. HTML: Input
9. HTML: Формы
10. HTML: Таблицы
11. HTML: Итоговая контрольная работа №2

CSS Начало

1. CSS: Знакомство
2. CSS: Подключение CSS к HTML
3. CSS: Синтаксис
4. CSS: Селекторы
5. CSS: Итоговая контрольная работа №3

CSS Основы

1. CSS: Псевдоэлементы
2. CSS: Единицы измерения
3. CSS: Работа c изображениями
4. CSS: Работа с текстом
5. CSS: Рамки и границы
6. CSS: Выбор цвета
7. CSS: Подключение внешних шрифтов
8. CSS: Отступы
9. CSS: Display
10. CSS: Свойства списков
11. CSS: Итоговая контрольная работа №4

GitHub

1. GitHub: Знакомство
2. GitHub: Установка
3. GitHub: Первые команды
4. GitHub: Ветки
5. GitHub: Push
6. GitHub: Удаление репозитория
7. GitHub: Синтаксис Markdown
8. GitHub: Clone
9. GitHub: Описание профиля
10. GitHub: Контрольная работа №5

Figma

1. Figma: Знакомство
2. Figma: Установка
3. Figma: Регистрация
4. Figma: Создание проекта
5. Figma: Фишки

Практика HTML и CSS

1. Практика №1
2. Практика №2
3. Практика №3

Многостраничность

1. Многостраничность

7 проектов в портфолио

1. Пишем проект вместе
2. Проект №1: Бургерная
3. Проект №2: Музыкальный плеер
4. Проект №3: Магазин одежды
5. Проект №4: Автосалон
6. Проект №5: Сайт ВУЗа
7. Проект №6: Личный блог
8. Проект №7: Nike

Введение в JavaScript

1. JS: История
2. JS: Отличия JavaScript от других языков программирования
3. JS: Инструменты для работы с JavaScript

JS Основы языка

1. JS: Структура
2. JS: Комментарии
3. JS: Ввод и вывод использую консоль
4. JS: Переменные
5. JS: Типы данных
6. JS: Разбиение строки

JS Операции

1. JS: Арифметические операторы
2. JS: Сложные Арифметические операторы
3. JS: Операторы присваивания и сравнения
4. JS: Логические операторы

JS Ветвления

1. JS: Условная конструкция
2. JS: Switch
3. JS: Тернарный оператор

JS Циклы

1. JS: Цикл for
2. JS: Цикл while/do..while
3. JS: Прерывание цикла

JS Массив

1. JS: Массив
2. JS: Создание массивов и работа с ними
3. JS: Двумерные массивы

JS Множества

1. JS: Создание и основные операции

JS Итоговая контрольная работа №1

1. JS: 1 Уровень сложности
2. JS: 2 Уровень сложности
3. JS: 3 Уровень сложности

JS Функции

1. JS: Что такое функции
2. JS: Функциональное выражение
3. JS: Колбэк функции
4. JS: Return
5. JS: Стрелочные функции
6. JS: Рекурсивные функции
7. JS: Контекст вызова функции
8. JS: Замыкание

JS Объекты

1. JS: Что такое объекты и как они работают
2. JS: Создание объектов и работы с ними
3. JS: Строковые объекты
4. JS: Математический функции
5. JS: Дата и время

JS Регулярные выражения

1. JS: Регулярные выражения
2. JS: Работа с регулярными выражениями

JS Обработка ошибок

1. JS: Обработка ошибок

JS Итоговая контрольная работа №2

1. JS: 1 Уровень сложности
2. JS: 2 Уровень сложности
3. JS: 3 Уровень сложности

JS Основы работы с DOM

1. JS: Что такое DOM и как он работает
2. JS: Как получить доступ к элементам DOM
3. JS: Операции с элементами DOM

JS События и обработчики событий

1. JS: Что такое события и как они работают
2. JS: Пример работы с использованием событий
3. JS: Делегирование событий
4. JS: Drag'n'Drop
5. JS: Отправка формы

JS Асинхронность в JavaScript

1. JS: Что такое асинхронность и как она работает
2. JS: Колбеки
3. JS: Промисы
4. JS: Асинхронные функции

JS Работа с API

1. JS: Что такое API и как с ним работать
2. JS: CRUD-операции
3. JS: Получение данных с сервера
4. JS: Отправка данных на сервер

JS Работа JSON

1. JS: Что такое JSON
2. JS: Stringify и Parse

HTML + JS

1. JS: Использование HTML + JS

JS Итоговая контрольная работа №3

1. JS: 1 Уровень сложности
2. JS: 2 Уровень сложности
3. JS: 3 Уровень сложности

PHP Начало

1. PHP: Знакомство
2. PHP: Синтаксис
3. PHP: Первый скрипт Hello World
4. PHP: Онлайн компилятор для тестов

PHP Основы

1. PHP: Комментарии
2. PHP: Переменные
3. PHP: Типы данных
4. PHP: Константы
5. PHP: Итоговая контрольная работа №1

PHP Операторы

1. PHP: Приоритет оператора
2. PHP: Арифметические операторы
3. PHP: Оператор присваивания
4. PHP: Операторы сравнения
5. PHP: Операторы инкремента и декремента
6. PHP: Итоговая контрольная работа №2

PHP Работа со строками

1. PHP: Перевод/длина строки
2. PHP: strpos/substr/trim
3. PHP: Регистр/str_replace
4. PHP: Из строки в число/Форматирование чисел

PHP Управляющие конструкции

1. PHP: Оператор if/else/else if
2. PHP: Циклы
3. PHP: Цикл while/do-while
4. PHP: Цикл for / foreach
5. PHP: Оператор break / continue
6. PHP: Оператор switch
7. PHP: Итоговая контрольная работа №3

PHP Массивы

1. PHP: Массивы
2. PHP: Многомерные массивы
3. PHP: Функции над массивами часть 1
4. PHP: Функции над массивами часть 2
5. PHP: Итоговая контрольная работа №4

PHP Функции

1. PHP: Функции
2. PHP: Параметры и аргументы функций
3. PHP: Анонимные и стрелочные функции
4. PHP: Итоговая контрольная работа №5

PHP ООП

1. PHP: Классы и объекты
2. PHP: Конструктор и деструктор
3. PHP: Магические методы
4. PHP: Наследование, полиморфизм и инкапсуляция
5. PHP: Итоговая контрольная работа №6

PHP Работа с файлами

1. PHP: Подключение файла
2. PHP: Запись/добавление в файл
3. PHP: Чтение файла

HTML + PHP

1. Метод GET
2. Метод POST
3. PHP + checkbox, radio, select
4. Загрузка файлов на сервер

SQL Основы

1. SQL: Знакомство
2. SQL: Создание базы данных и таблиц
3. SQL: Вставка данных
4. SQL: Выборка данных
5. SQL: Обновление данных
6. SQL: Удаление данных
7. SQL: Сортировка данных
8. SQL: Группировка данных
9. SQL: Соединение таблиц
10. SQL: Создание индексов
11. SQL: Использование агрегатных функций

База данных MySQL

1. PhpMyAdmin: Установка Open Server
2. PhpMyAdmin: Знакомство
3. PhpMyAdmin: Резервное копирование и восстановление базы данных
4. PhpMyAdmin: Создание и управление таблицами
5. PhpMyAdmin: Работа с запросами SQL
6. PhpMyAdmin: Управление пользователями и привилегиями
7. PhpMyAdmin: Итоговая контрольная работа №7

Вёрстка проектов: HTML + CSS + PHP

1. Подключение базы данных phpMyAdmin к проекту
2. Проект: Отправка письма на почту
3. Проект: Страница регистрации и авторизации

2 проекта fullStack в портфолио

1. Проект: Туристическое агенство
2. Проект: Онлайн-чат

DLC: "Древний Рим"

1. Глава I - Мечта
2. Глава II - Знакомство с конкурентами
3. Глава III - Битва за победу
4. Глава IV - Встреча с великими правителями

Финал

1. Итоги