Урок 1. Введение в Git

Урок 2. Установка и настройка Git

Урок 3. Основные команды терминала

Урок 4. Работа с репозиториями в Git

Урок 5. Управление файлами репозитория

Урок 6. История изменений

Урок 7. Работа с ветками репозитория

Урок 8. Публикация репозитория

Урок 9. Слияния веток

Урок 10. Управление версиями

Урок 11. Создание pull-request

Урок 12. Сложные операции

Урок 13. Работа с Fork-репозиториями

Урок 1. Программа, переменные и типы данных

После урока у вас появится представление о том, что такое программа, что она состоит из инструкций и данных, узнаете скалярные типы данных в JS, сможете написать программу, умножающую два числа, введённые пользователем, и выводящую результат.

Урок 2. Блок-схемы и ветвления

После урока вы будете иметь представление о том, как визуализировать алгоритмы с помощью блок-схем, понимать работу операторов сравнения, понимать как использовать ветвление и какие задачи оно решает

Урок 3. Циклы

После урока вы будете иметь представление о том, как визуализировать циклические алгоритмы с помощью блок-схем, понимать как использовать циклы и какие задачи они решают.

Урок 4. Функции

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

Урок 5. Массивы

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

Урок 1. Основные понятия в веб-разработке

Знакомство, вводная информация
настройка visual studio code,горячие клавиши, установка расширений.
Создание html документа
Структура html документа.
Виды и атрибуты тегов
Отладчик браузера

Урок 2. Основы языка разметки документов HTML

Списки в html
Спецсимволы и комментарии
Гиперссылки (локальные, абсолютные, якоря)
Типы изображений для web;
Формы и их элементы.
Просмотр, редактирование, поиск ошибок через отладчик браузера

Урок 3. Основы языка оформления стилей документа CSS

Введение в стили
Способы подключения стилей
Селекторы
Базовые свойства стилей (px, %, background, color, border) часть 1
Базовые свойства стилей (width, height, font, list-style, текст)
Вложенность наследование и группирование свойств

Урок 4. Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы

Основные теги div, span, создание блочной структуры
Отступы у элементов
Обтекаемые элементы
Псевдоклассы
Псевдоэлементы
Таблицы

Урок 5. Основы позиционирования, работа с Flexbox

Свойство display
Что такое flexbox (горизонтальное и вертикальное расположение)
Порядок отображения, многострочность, смещение отдельного блока
Задание гибких размеров для блоков
Position: relative и absolute

Урок 6. Работа с макетом дизайна в формате Figma

Что такое макет и какие виды макетов бывают
Знакомство с программой Figma, нарезка макета
Определение размеров блоков, создание блочной структуры
Добавление стилей из макета
Создание сайта по макету. Часть 1
Создание сайта по макету. Часть 2

Урок 7. Основы создания адаптивного сайта

Гибкие размеры блоков, адаптивного сайта
Эмуляция мобильных устройств
Медиа-запросы
Прижатие подвала к нижней части экрана
Практика создания адаптивного сайта
Практика создания адаптивного сайта часть 2

Урок 8. Стандарты web и вспомогательные инструменты

Инструменты разработчика. Часть 1
Загрузка проектов на сервер
Кроссбраузерность
Знакомство с Boostrap
Знакомство с препроцессором Sass
Практическое использование препроцессора Sass

Урок 1. Позиционирование элементов. Практическая верстка.

Позиционирование элементов, расположение элементов на странице (позиционирование элементов по вертикали, по горизонтали).

Урок 2. Структура HTML5, знакомство с формами

Новые семантические элементы HTML5. Практические примеры применения семантических тегов для создания структуры сайта. Улучшим традиционные формы. Проверка форм на ошибки заполнения.

Урок 3. Практическое применение Bootstrap

Что такое bootstrap? Как подключить к любому макету? Как добавить первые элементы с использованием Bootstrap? Создание целой страницы сайта с использованием новых знаний.

Урок 4. Препроцессоры: применение на практике

Знакомство с препроцессорами: для каких целей используются, где лучше применять, каково практическое значение. Рассмотрим синтаксис двух самых популярных препроцессоров: LESS, SASS; применим новые знания к нашему проекту.

Урок 5. Эффекты перехода и трансформации в CSS3

Эффекты перехода; применение трансформации; поворот элементов при наведении на него; создание анимации средствами CSS3. Для чего нужна данная технология и где ее следует применять? Добавим трансформацию для некоторых элементов нашего сайта.

Урок 6. CSS3: медиа-запросы, адаптивная верстка.

Познакомимся с синтаксисом медиа-запросов; создадим несколько простых запросов; узнаем, для каких проектов лучше их использовать; найдем практическое применение для нашего проекта.

Урок 7. Практическое применение адаптивной верстки

Адаптивная верстка всего макета, добавление плавных переходов и перестроений сайта; позиционирование внутренних элементов с использованием Flexbox; добавление последних новшеств, которые изучили за курс; сдача верстки курсового проекта; итоги курса; завершение работы над проектом.

Урок 8. Grid layout, новые возможности CSS3

Понятие и применение адаптивного дизайна. Основы синтаксиса и примеры.

Урок 1. Основы языка JavaScript

Синтаксис; структура кода; внешние скрипты и порядок их исполнения; переменные и типы данных; Hello world; современные стандарты.

Урок 2. Основные операторы JavaScript

Операторы и операнды; приоритет операций; условные операторы; функции; рекурсия; практикум; игра «Угадай число».

Урок 3. Циклы, массивы, структуры данных

Циклы в JavaScript; массивы в JavaScript; структуры данных; практикум; игра «Быки и коровы».

Урок 4. Объекты в JavaScript

Знакомство с понятием объектов; объекты в JavaScript; работа с объектами; перебор значений; практикум; игра «Квест».

Урок 5. Введение в DOM

Понятие DOM; DOM в JavaScript; манипуляции с DOM в JavaScript; практикум; игра «Квест 2.0».

Урок 6. Обработка событий в JavaScript

Понятие события; обработка нажатий; браузерные события; практикум; игра «Крестики-нолики».

Урок 7. Урок-практикум

Реализация игры «Змейка».

Урок 8. Анонимные функции, замыкания

Углубленное изучение работы функций; функции и функциональные выражения; анонимные функции; замыкания; действия браузера по умолчанию.

Урок 1. Современный JavaScript

Знакомство со стандартом ES2015 и некоторыми его возможностями.

Урок 2. ООП в JavaScript

Основные принципы объектно-ориентированного программирования и его реализация в JavaScript.

Урок 3. Асинхронные запросы

Основы асинхронного JavaScript. AJAX, JSON и Promises.

Урок 4. Регулярные выражения

Регулярные выражения в JavaScript. Основные операции с регулярными выражениями и строками.

Урок 5. Фреймворк Vue.js

Основы разработки одностраничных приложений с помощью фреймворка Vue.js.

Урок 6. Компоненты Vue.js

Реализация компонентного подхода во фреймворке Vue.js.

Урок 7. JavaScript на сервере

Создание простого сервера с помощью платформы Node.js.

Урок 8. Тестирование и сборка

Тестирование отдельных частей приложения. Сборка модулей с помощью Webpack.

Урок 1. Введение в теорию реляционных баз данных

Урок 2. Базовые понятия структуры базы данных

Урок 3. Определение данных. Базовые операции с данными

Урок 4. Выборка данных, агрегация данных

Урок 5. Вложенные запросы и объединение Union

Урок 6. Объединение Join

Урок 7. Расширенные возможности SQL

Урок 8. Оконные функции, индексы, работа в графическом клиенте

Урок 1. Введение в PHP

Принципы работы динамических сайтов; принципы работы веб-серверов; подготовка рабочей среды; Hello, world! [Практика]; базовые конструкции языка – дескрипторы, переменные, типы данных; версии языка и их различия на базовом уровне.

Урок 2. Условные блоки, ветвление функции

Принципы ветвления, визуализация, блок-схемы; операторы if, if-else; оператор switch; тернарный оператор; реализация схем логики ветвления; функции, рекурсия; использование функций и рекурсии для решения задач; области видимости переменных.

Урок 3. Циклы и массивы

Понятие цикла, типы циклов в PHP; While, do…while; For; бесконечный цикл и выход из шагов цикла; понятие массива, типы массивов в PHP; применение циклов для работы с массивами [Практика]; многомерные массивы; основные функции работы с массивами; применение функции для работы с массивами [Практика]; предопределенные массивы.

Урок 4. Работа с файлами

Файловая система и адресация, примеры на базе разных ОС; подключение файлов; базовые операции работы с файлами: чтение, запись; использование базовых операций для решения повседневных задач: логирование, чтение данных, кэширование [Практика]; типовые форматы хранения данных.

Урок 5. Базы данных MySQL и работа с ними на уровне PHP

Создание БД, пользователей; создание таблиц; синтаксис базовых запросов; создаем, редактируем и удаляем таблицы; изучаем 4 главных команды: INSERT, UPDATE, DELETE, SELECT; выборка из БД и вывод на экран.

Урок 6. Интерактивность

Методы передачи данных GET и POST, работа с формами и пользовательскими данными; передача данных из формы в скрипт; обработка и сохранение данных в БД, обеспечение безопасности; реализация CRUD-пакета действий [Практика]; загрузка файлов на сервер.

Урок 7. Авторизация и аутентификация

Знакомство с понятиями авторизации и аутентификации; сессии и Cookies; шифрование пользовательских данных; реализации аутентификации пользователя на сайте.

Урок 8. Практика

Написание недостающей логики страниц; создание тестовых заказов; тестирование.

Урок 1. ООП в PHP. Базовые понятия

Введение в парадигму ООП, знакомство с фундаментальными понятиями и принципами. Реализация ООП в PHP.

Урок 2. ООП в PHP. Расширенное изучение

Продолжение изучения ООП и его реализации в PHP. Архитектурные аспекты ООП. Магические методы, контроль типов, трейты, паттерны.

Урок 3. Шаблонизаторы

Понятие шаблонизаторов. Знакомство с Twig. Реализации функционала шаблонизатора. Исключения в PHP.

Урок 4. Углубленное проектирование реляционных БД

Продолжение знакомства с симбиозом MySQL и PHP. Понятие нормализации данных, различные формы нормализации. Связи в БД. Резервное копирование данных и оптимизация производительности БД. Знакомство с механизмом транзакций.

Урок 5. Парадигма MVC. Обновления движка

Знакомство с парадигмой-паттерном «Model-View-Controller». Обновление архитектуры системы. Стандартизация кода.

Урок 6. Практика

Применение на практике знаний, полученных на курсе. Мастер-класс по созданию модулей и отладке кода.

Урок 7. Тестирование. PHPUnit.

Введение в принципы тестирования, TDD, BDD. Знакомство с PHPUnit, написание тестов.

Урок 8. Развитие карьеры разработчика. Инструменты и необходимые знания

Обзор тенденций современного программирования и разработки на PHP. Знакомство с полезными инструментами. Обсуждение дальнейшего развития.

Урок 1. Установка Laravel. Описание принципов работы и структуры фреймворка

В ходе данного занятие мы познакомимся с фреймворком, с его преимуществами. Научимся как его устанавливать и запускать. А также научимся настраивать рабочее окружения для разработки приложения на Laravel. Создадим мини приложение.

Урок 2. Роутинг. Использование контроллеров

В ходе данного урока мы разберем понятие роутинг, контроллер. Обсудим основы маршрутизации.

Урок 3. Шаблонизатор Blade

На данном уроке мы изучим внутренний функционал и шаблонизацию.

Урок 4. Запросы пользователя и класс Request. Класс Response в фреймворке Laravel. Функциональное тестирование приложения

На данном уроке мы разберем работу с формами в Laravel и способами взаимодействия с ними. Посмотрим способы ответа на запросы. Создадим первые тесты в нашем приложении.

Урок 5. Работа с базой данных. Запросы. Миграции

На данном уроке мы разберем структуру базы данных, соединение с БД, создание и наполнение таблиц. Разберем подробно миграции.

Урок 6. Работа с базой данных. Eloquent ORM

На данном уроке мы разберем работу с ORM.

Урок 7. Валидация данных в laravel

На данном уроке мы научимся работать с возможною laravel валидировать полученные данные из запроса пользователя.

Урок 8. Посредники. Сессии в Laravel. Аутентификация

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

Урок 9. События в Laravel. Провайдеры. Работа со сторонними API

На данном уроке мы рассмотрим использование провайдеров в Laravel. Добавим провайдера для работы с API VK. Настроим авторизацию пользователя через ВКонтакте.

Урок 10. Добавление HTML-редактора. Хранение файлов. Очереди в Laravel

На данном уроке рассмотрим возможность изменения полученных агрегатором данных и создания пользовательских. Создадим удобный интерфейс для редактирования html-страниц с возможностью добавления изображений. Научимся создавать очереди для выполнения параллельных и последовательных задач.

Урок 1. Начало проекта

Первый урок на стажировке ознакомительный. Знакомимся друг с другом, понимаем, какой объем навыков у студентов, и самое главное, что они хотят разрабатвать. Объясняем отличие стажировки от обычных курсов. Рассказываем, что будет происходить на вебинарах и между ними.

Урок 2. Гибкие методологии разработки

Второй урок посвящен методологиям разработки. Это просто необходимо, так как на других курсах этому не учат и студенты не умеют работать в команде. Начиная с этого урока студенты работают в команде. Домашние задания посвящены именно командной разработке.

Урок 3. Проблемы и их решение. Совещание

Третий урок посвящен разбору проблем, которые обязательно возникнут у студентов во время работы над проектом. Это необходимо, т. к. студенты, впервые столкнувшись с проблемами внутри команды, могут опустить руки и перестать разрабатывать проект. Спрашиваем, какие проблемы возникли, даем советы, рассказываем про MVP (minimum viable product).

Урок 4. Первые промежуточные итоги

Четвертый урок посвящен обзору промежуточных успехов, которых студенты достигли за 3 недели разработки проекта. Даем советы, делаем замечания, помогаем решить проблемы и помочь выбрать правильное направление развития проекта.

Урок 5. Совещание. Качество. Тестирование

Разбираем важную тему: как писать автотесты для кода. Объясняем разные виды тестов и говорим, зачем они нужны. В конце урока советуем студентам писать автотесты к проекту, чтобы лучше понять эту тему.

Урок 6. Совещание. Подготовка резюме

Спрашиваем у студентов, как успехи с проектами. Если есть серьезные проблемы, помогаем решить. Интересуемся, как обстоят дела с автотестами. Разбираем автотест к любому из проектов (по желанию студентов). Напоминаем, что осталось совсем немного времени (две недели). Помогаем ускорить разработку проектов, расставив приоритеты для задач, которые студенты хотят делать.

Урок 7. Совещание. Карьера разработчика

Так как курс подходит к концу, пора научить студентов писать важную для них вещь — резюме. Рассказываем про важные моменты, на которые обращает внимание HR, даем советы и предостережения. Обозначаем задание к следующему уроку: написать свое резюме и указать в опыте работы студенческую стажировку в GeekBrains.

Урок 8. Подведение итогов

Это последний вебинар, на котором мы подводим итоги. Если студенты разрешают проверить их резюме на вебинаре, проверяем, даем обратную связь. Далее демонстрируем студенческие проекты, показываем, кто чего успел достичь и хвалим студентов. Говорим студентам, что они могут на этом не останавливаться и продолжать разработку проекта.