Начало работы с Bootstrap 5

• Обзор, загрузка и подключение

Создание сайта на Bootstrap 5

• Шапка, модальное окно, градиент, треугольник, адаптивное видео
• Сетка 3 на 3 и иконки
• Сетка 2 на 2
• Как сделать Аккордеон на Bootstrap 5
• Адаптивные изображения на Bootstrap 5
• Практика и задание по работе с Bootstrap 5
• Форма сбора средств Yoomoney
• Создание футера
• Обзор документация Bootstrap 5
• Вопросы к главе 2

Введение

• Введение

Урок 1

• Урок 1 - Часть 1
• Урок 1 - Часть 2

Урок 2

• Урок 2 - Часть 1
• Урок 2 - Часть 2
• Урок 2 - Часть 3
• Урок 2 - Часть 4

Урок 3

• Урок 3

Урок 4

• Урок 4 - Часть 1
• Урок 4 - Часть 2

Урок 5

• Урок 5 - Часть 1
• Урок 5 - Часть 2
• Урок 5 - Часть 3
• Урок 5 - Часть 4

Урок 6

• Урок 6 - Часть 1
• Урок 6 - Часть 2

Урок 7

• Урок 7 - Часть 1
• Урок 7 - Часть 2
• Урок 7 - Часть 3

Урок 8

• Урок 8

Постановка задачи

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

Краткие теоретические сведения

• Основы HTML
• HTML теги
• Основы CSS. Селекторы
• CSS Свойства
• Основы верстки
• Bootstrap
• Основы JavaScript
• Основы JQuery

Создание макета

• Структура HTML кода и отображение товаров
• Реализация поиска и отображения категорий
• Реализация заголовка и странички состояния корзины
• Добавление продукта в корзину
• Форма поиска и удаление продуктов из корзины
• Финальный обзор макета и проверка всех требований

Введение

• Введение
• ВАЖНО! ЧАВО - ЧАсто задаваемые ВОпросы
• Заметка к заданиям

HTML5

• Установка среды разработки
• Ваша первая веб страница
• Заметка к лекции "Знакомство с HTML"
• Знакомство с HTML
• HTML элементы. Часть 1
• HTML элементы. Часть 2
• Создайте разметку
• Списки
• Создайте списки
• Изображения
• Изображения
• Web Code Ninja
• Web Code Ninja
• Ссылки
• Ссылки
• Таблицы
• Таблицы
• Формы. Часть 1
• Формы. Часть 2
• Labels
• Labels
• Проверка форм
• Элемент select. Отправка данных
• Html5. Видео, аудио и семантические элементы
• Html5. Элемент figure
• Html5. range и contenteditable
• Html5. Формы
• HTML5
• Заключение

CSS3

• Что такое CSS
• Способы применения CSS
• Способы применения CSS
• Цвета в CSS
• Цвета в CSS
• , background, border
• , background, border
• Использование id и class в CSS
• Использование id и class в CSS
• Advanced selectors
• Инструменты разработчика
• Margin
• Margin
• Padding
• Padding
• Float
• Float
• Заметка к лекции "Position"
• Position
• Position
• font-family
• font-size
• Ещё немного о стилизации текста
• Стилизация ссылок
• Наследование и специфичность
• Задание: Image Gallery
• Image Gallery. Часть 1
• Image Gallery. Часть 2
• Image Gallery. Часть 3
• Image Gallery. Часть 4
• Image Gallery. Часть 5
• Image Gallery. Файлы проекта
• Заключение

JavaScript

• Inline, internal, external JavaScript
• Примитивные типы данных
• Примитивные типы данных
• Переменные
• Переменные
• Комментарии и встроенные методы
• Задание "Анкета"
• Задание "Анкета". Решение
• Задание "Обмен валют"
• Задание "Обмен валют". Решение
• Операторы сравнения
• Приоритет операторов
• Сокращённая форма записи операторов
• Задание "Лишний вес"
• Задание "Лишний вес". Решение
• Условный оператор if else. Часть 1
• Условный оператор if else. Часть 2
• Оценка Веса По Росту. Задание
• Оценка Веса По Росту. Решение
• Тернарный оператор
• Оператор switch
• Задание Login / Password
• Задание Login / Password. Решение
• Цикл while
• Цикл while
• Цикл for
• Цикл for
• Функции
• Функции с параметрами
• Функции с возвращаемым значением
• Результат выполнения функции
• Функции. Statements vs Expressions
• Задание. Создайте 3 функции
• Функция isNumberOdd()
• Функция factorial()
• Функция changeSpaceToUnderscore()
• Область видимости переменных
• Область видимости переменных
• Массивы
• Методы массивов. Часть 1
• Методы массивов. Часть 2
• Объекты. Часть 1
• Объекты. Часть 2
• Arrays&Objects
• Cars Database. Задание
• Cars Database. Решение
• Методы объектов
• Методы объектов. this
• DOM
• DOM selectors. Часть 1
• DOM selectors. Часть 2
• DOM selectors. Задание
• DOM. Изменение контента
• DOM. Изменение стилей
• DOM. Изменение атрибутов
• DOM. Events
• DOM. Изменение фона по событию. Задание
• DOM. Изменение фона по событию. Решение
• Задание. Приложение по тестированию реакции
• Приложение по тестированию реакции. Часть 1
• Приложение по тестированию реакции. Часть 2
• Приложение по тестированию реакции. Часть 3
• Приложение по тестированию реакции. Часть 4
• Заключение

jQuery

• jQuery. Введение
• Начало работы
• Селектор
• Метод css()
• Метод text()
• Метод html()
• Метод attr()
• Метод val()
• Методы манипуляции классами
• Метод click()
• Метод keypress()
• Метод on()
• Эффекты
• Shopping List App. Финальный код приложения
• Shopping List App. Структура проекта
• Shopping List App. Html разметка
• Shopping List App. OnClickListener
• Shopping List App. stopPropagation()
• Shopping List App. Удаление элемента
• Shopping List App. Добавление элемента
• Shopping List App. Стилизация. Часть 1
• Shopping List App. Стилизация. Часть 2
• Shopping List App. Стилизация. Часть 3
• Задание по jQuery

Bootstrap

• Bootstrap. Введение
• Hello Bootstrap!
• Responsive design
• Grid
• Typography
• NavBar. Часть 1
• NavBar. Часть 2
• Формы и таблицы. Часть 1
• Формы и таблицы. Часть 2
• Jumbotron. Alert
• Progress. Card
• Modal. Часть 1
• Modal. Часть 2
• Заметка к лекции "Popover. Tooltip"
• Popover. Tooltip
• Web Masters App. Задание
• Web Masters App. Часть 1
• Web Masters App. Часть 2
• Web Masters App. Часть 3
• Web Masters App. Часть 4
• Web Masters App. Часть 5
• Web Masters App. Финальный код проекта

PHP

• PHP. Введение
• Установка XAMPP
• Hello PHP!
• Переменные
• Массивы
• Операто if
• Цикл for
• Цикл while
• GET
• GET. Задание
• POST
• POST. Задание
• include(). file_get_contents()
• OpenWeatherMap API
• Weather App. Часть 1
• Weather App. Часть 2
• Weather App. Часть 3
• Weather App. Часть 4

Работа с базами данных. MySQL

• Работа с базами данных. MySQL. Введение
• Создание базы данных
• Создание разметки
• Извлечение данных
• Вставка данных
• Чтение всех записей
• Редактирование данных
• Удаление данных
• Exercises
• Login Task
• Login Task. Решение
• Session & Cookies
• Security
• Файлы по работе с MySQL

Основы Python

• Почему вам следует изучать Python?
• Установка Python. Windows
• Установка IntelliJ IDEA. Windows
• Установка Python. Mac
• Установка IntelliJ IDEA. Mac
• Hello world!
• Типы данных Python
• int & float
• Переменные в Python
• Строки в Python
• Indexing & Slicing
• Методы строк
• Способы форматирования строк
• Структуры данных. Lists
• Структуры данных. Dictionaries
• Структуры данных. Tuples
• Структуры данных. Sets
• Booleans. Операторы сравнения
• and, or, not
• Условный оператор
• Цикл for
• Цикл while
• Ещё немного о некоторых функциях и операторах

Python. HTTP & API

• Что такое HTTP
• Модуль requests
• Что такое API
• Работа с API
• Earthquake App. Задание
• Earthquake App. Решение

Верстка веб-страниц

CSS

• Введение
• Селекторы и псевдоклассы
• Типографика
• Цвет и фон
• Блочная модель
• Позиционирование
• Flexbox
• Продвинутый CSS
• Создание веб-страницы со стилями

Bootstrap

• Адаптивная вёрстка и CSS-фреймворки
• Начало работы с Bootstrap
• Bootstrap: сетка
• Bootstrap: компоненты
• Создание адаптивного сайта

Дизайн

• Введение
• Инструменты
• Работа с прототипом
• Полезные плагины

Продвинутый CSS и Sass

• CSS: продвинутый уровень
• Что такое SASS? SASS, SCSS и CSS.

Изучение JavaScript

• Введение в JavaScript
• Переменные, типы данных, простейшие операции
• Ветвление и циклы
• Функции и объекты
• Строки и массивы
• Работа с Canvas
• Обработка ошибок и регулярные выражения
• jQuery. Знакомство
• Итоговый проект

React.js

• Знакомство с React

Введение и подготовка

• Вступление
• Программы для работы
• Создание первого сайта

Теория

• HTML. Теги и основная структура
• 2 - HTML. Id, class и BEM.
• HTML. HTML-разметка первой секции
• Основы CSS

Создание и работа с проектом

• Создание шапки сайта
• Создание первой секции
• Работа с первыми блоками вашего сайта
• Верстка и программирование блока 4
• Верстка и программирование блока 5
• Верстка и программирование блока 6

Доработка проекта + подключение JavaScript

• Работа с footer и slider + подключение Java Часть 1
• Работа с footer и slider + подключение Java Часть 2
• Работа с footer и slider + подключение Java Часть 3

Начало работы

• Введение
• Настройка IDE (Atom) и установка Django под MacOS
• Настройка IDE (PyCharm) и установка Django под Windows 10

Основы Django

• Проект Django
• Приложение Django
• Настройка проекта Django
• Встроенный административный сайт Django

Django. Уровень 1

• Модели. Часть 1
• Модели. Часть 2
• Выполнение запросов (QuerySet)
• Привязка интернет-адресов
• Статичные файлы
• Медиа файлы
• Шаблоны и статичные файлы уровня проекта
• Шаблоны
• Наследование шаблонов
• Формы. Часть 1
• Формы. Часть 2
• Обработка форм
• Валидаторы

Django. Уровень 2

• Разграничение доступа. Вход на сайт
• Разграничение доступа. Выход с сайта
• Модель User
• Низкоуровневая обработка входа и выхода
• Исходники и ресурсы

Django. Практика. Уровень 1

• Введение. Общие настройки
• Реализация страниц для аутентификации
• Реализация формы для аутентификации
• Реализация функционала для аутентификации
• Реализация дизайна и общей структуры сайта
• Подключаем Bootstrap и CSS к страницам аутентификации
• Используем Bootstrap и CSS для оформления форм аутентификации
• Используем Bootstrap и CSS для оформления боковой панели (Dashboard)
• Используем Bootstrap и CSS для оформления Menu
• Реализация страницы и функционала профиля
• Реализация страницы и функционала для добавления пиццы
• Реализация страницы для отображения списка пицц из БД
• Реализация функционала по редактированию пиццы
• Исходники

Django. Практика. Уровень 2

• Что такое Restful APIs
• Создание API для Пиццерии
• Создание API для Пиццы
• Facebook и протокол OAuth2
• Создание Facebook App и подключение OAuth2 к Django для регистрации клиентов
• Создание и аутентификация самого клиента
• Heroku
• Настройка статичных файлов и БД под Heroku

Бонус

• Как можно взаимодействовать с нашим сайтом

Вступительное слово

Памятка по Python 3

• Инсталлируем Anaconda
• Введение в Anaconda
• Что делать если Navigator не открывается
• Обзор основных типов данных
• Числа и элементарная математика
• Переменные
• Bool и None
• Тип string
• Операторы сравнения
• list - список
• dict - словарь
• Логика с условиями
• Цикл for
• Основы функций
• Ошибки и исключения
• Основы классов
• Атрибуты и методы
• Наследование и полиморфизм

Сайт № 1 - Генератор паролей

• Обзор сайта
• Инсталлируем Django
• Django Cheat Sheet
• Запускаем сервер Django
• Структура проекта
• Приложения в проекте (Applications)
• URLs
• Шаблоны (Templates)
• Формы (Forms)
• Генерация случайного пароля
• Получение данных с формы
• Домашнее задание
• Решение домашнего задания
• Знакомство с Bootstrap
• Заключение
• Исходный код

Введение в GIT

• Знакомство с GIT
• Основы GIT

Сайт № 2 - Личное портфолио

• Введение
• Новые проекты и приложения
• Модели
• Админка и изображения
• Отображение объектов в Админке
• Связываем URL с приложением
• Модель Blog
• Заглядываем внутрь базы данных
• Статические (static) файлы
• Страница Detail
• Полировка
• Расширяем базовый шаблон
• Обращаемся к Bootstrap
• Заключение
• Исходный код

Разворачивание сайта в сети Интернет

• Python Anywhere
• Виртуальные окружения
• Запускаем сервер Django
• Статические и медиа файлы
• git ignore
• Разворачивание изменений
• Настройка кастомного домена

Сайт № 3 - Список дел (ToDo)

• Введение
• Новый проект
• Форма регистрации
• Создание пользователя
• Обработка ошибок
• Отображение статуса пользователя
• Выход пользователя
• Вход пользователя
• Модель ToDo
• Создание задач (ToDo)
• Список задач
• Просмотр и обновление задач
• Завершение и удаление задач
• Отображение завершённых задач
• Стилизация
• Заключение
• Исходный код

Что нового в Django 3

• Что нового в Django 3

Что дальше?

• Заключительное слово
• Бонусная лекция

Вступительное слово

• Вступительное слово

Памятка по Python 3

• Инсталлируем Anaconda
• Введение в Anaconda
• Что делать если Navigator не открывается
• Обзор основных типов данных
• Числа и элементарная математика
• Переменные
• Bool и None
• Тип string
• Операторы сравнения
• list-список
• dict-словарь
• Логика с условиями
• Цикл for
• Основы функций
• Ошибки и исключения
• Основы классов
• Атрибуты и методы
• Наследование и полиморфизм

Сайт №1 - Генератор паролей

• Обзор сайта
• Инсталлируем Django
• Django Cheat Sheet
• Запускаем сервер Django
• Структура проекта
• Приложения в проекте (Applications)
• URLs
• Шаблоны (Templates)
• Формы (Forms)
• Генерация случайного пароля
• Получение данных с формы
• Домашнее задание
• Решение домашнего задания
• Знакомство с Bootstrap
• Заключение
• Исходный код

Введение в GIT

• Знакомство с GIT
• Основы GIT

Сайт № 2 - Личное портфолио

• Введение
• Новые проекты и приложения
• Модели
• Админка и изображения
• Отображение объектов в Админке
• Связываем URL с приложением
• Модель Blog
• Заглядываем внутрь базы данных
• Статические (static) файлы
• Страница Detail
• Полировка
• Расширяем базовый шаблон
• Обращаемся к Bootstrap
• Заключение
• Исходный код

Разворачивание сайта в сети Интернет

• Python Anywhere
• Виртуальные окружения
• Запускаем сервер Django
• Статические и медиа файлы
• git ignore
• Разворачивание изменений
• Настройка кастомного домена

Сайт № 3 - Список дел (ToDo)

• Введение
• Новый проект
• Форма регистрации
• Создание пользователя
• Обработка ошибок
• Отображение статуса пользователя
• Выход пользователя
• Вход пользователя
• Модель ToDo
• Создание задач (ToDo)
• Список задач
• Просмотр и обновление задач
• Завершение и удаление задач
• Отображение завершённых задач
• Стилизация
• Заключение
• Исходный код

Что нового в Django 3

• Что нового в Django 3

Что дальше?

• Заключительное слово
• Бонусная лекция

Подробнее о линейной регрессии

Смешанные регрессионные модели

• Введение
• Нарушение допущения о независимости наблюдений
• Смешанные регрессионные модели. Реализация в R
• Статистическая значимость, обобщённые модели и случайные эффекты
• Практические задания на R

Введение в bootstrap

• Складной нож (jackknife)
• Bootstrap
• Практические задания на R
• Заключение

Информация о курсе

Операционная система

• Linux

Bootstrap верстка

• Введение
• Шапка и слайдер
• Отступы
• Сетка и flexbox
• Карты
• Пагинация
• Подвал
• Страница записи блога
• Страница контактов
• Страницы регистрации и авторизации
• Страница поиска

Github

• Поделись своим проектом

Django

• Введение
• Virtualenv
• Установка django
• Создание проекта
• Шаблоны Django
• Главная страница
• Страница поста
• Регистрация Вход Выход
• Страница Контакты
• Поиск и страница результатов поиска
• Теги и Последние статьи
• Комментарии
• Заключение

Django Rest Framework

• Введение
• Установка и настройка
• Посты
• Пагинация
• Теги
• Последние 5 записей
• Форма обратной связи
• Поиск
• Регистрация и Профиль
• Комментарии
• Заключение

NuxtJS

• Введение
• Установка
• Вывод записей блога на главной
• Динамические страницы
• Форма обратной связи
• Поиск
• Регистрация/Вход/Выход
• Комментарии
• Пагинация
• Валидация полей формы
• SEO
• Vuex хранилище
• Заключение

P.S.

• P.S.

Введение и Настройка

• Обзор Раздела "Введение и Настройка"
• Как Получить Дополнительные Бесплатные Материалы
• Настройка для Windows
• Замечание по поводу редактора Brackets
• Настройка для Mac
• Как Задавать Отличные Вопросы
• Часто Задаваемые Вопросы

HTML 5

• Обзор Раздела "HTML 5"
• Ваша Первая Веб-Страница
• Ваша Первая Веб-Страница - Файлы
• Структура Веб-Страницы
• Структура Веб-Страницы - Файлы
• Создание Полной Веб-Страницы
• Создание Полной Веб-Страницы - Файлы
• Теги Заголовка
• Теги Заголовка - Файлы
• Теги Параграфа (Абзаца)
• Теги Параграфа (Абзаца) - Файлы
• Форматирование Текста
• Форматирование Текста - Файлы
• Ненумерованные Списки
• Ненумерованные Списки - Файлы
• Нумерованные Списки
• Нумерованные Списки - Файлы
• Изображения
• Изображения - Файлы
• Формы
• Формы - Файлы
• Таблицы
• Таблицы - Файлы
• Ссылки
• Ссылки - Файлы
• Символы-мнемоники (Сущности HTML)
• Символы-мнемоники (Сущности HTML) - Файлы
• I-Фреймы
• I-Фреймы - Файлы
• Проект по HTML - Собираем Всё Вместе
• Проект по HTML - Собираем Всё Вместе - Файлы
• Настройка Бесплатного Хостинга
• Настройка FTP
• Замечание по Поводу Версий Firefox
• Дальнейшее Чтение - HTML
• Документация 1 - Справочник по Тегам HTML
• Проверочные Вопросы по HTML
• CCA HTML Уровень 1

CSS 3

• Обзор Раздела "CSS 3"
• Что такое CSS?
• Inline CSS
• Inline CSS - Файлы
• Internal CSS
• Internal CSS - Файлы
• Классы и Идентификаторы
• Классы и Идентификаторы - Файлы
• Блоки Div
• Блоки Div - Файлы
• Цвета
• Цвета - Файлы
• Float
• Float - Файлы
• Position
• Position - Файлы
• Поля Margin
• Поля Margin - Файлы
• Отступы Padding
• Отступы Padding - Файлы
• Границы
• Границы - Файлы
• Шрифты
• Шрифты - Файлы
• Стилизация Текста
• Стилизация Текста - Файлы
• Выравнивание Текста
• Выравнивание Текста - Файлы
• Стилизация Ссылок
• Стилизация Ссылок - Файлы
• Проект CSS - Веб-Сайт Новостей BBC (1)
• Проект CSS - Веб-Сайт Новостей BBC (2)
• Проект CSS - Веб-Сайт Новостей BBC (3)
• Проект CSS - Веб-Сайт Новостей BBC (4)
• Проект CSS - Веб-Сайт Новостей BBC - Файлы
• External CSS
• Дальнейшее Чтение - CSS
• Документация 2 - CSS
• Проверочные Вопросы - CSS
• CCA CSS Уровень 1

Javascript

• Обзор Раздела "Javascript"
• Что Такое Javascript?
• Что Такое Javascript? - Файлы
• Internal Javascript
• Internal Javascript - Файлы
• Доступ к Элементам
• Доступ к Элементам - Файлы
• Реагирование на Щелчок Мыши
• Реагирование на Щелчок Мыши- Файлы
• Изменение Содержимого Веб-Сайта
• Изменение Содержимого Веб-Сайта - Файлы
• Манипулирование Стилями с Помощью Javascript
• Манипулирование Стилями с Помощью Javascript - Файлы
• Мини-Задание - Исчезающие Круги
• Мини-Задание - Исчезающие Круги - Файлы
• Переменные
• Переменные - Файлы
• Массивы
• Массивы - Файлы
• Операторы IF
• Операторы IF - Файлы
• Игра Javascript - Сколько Пальцев
• Игра Javascript - Сколько Пальцев - Файлы
• Циклы
• Циклы - Файлы
• Циклы While
• Циклы While - Файлы
• Функции
• Функции - Файлы
• Проект Javascript - Проверка Реакции
• Проект Javascript - Проверка Реакции - Файлы
• External Javascript
• External Javascript - Файлы
• Дальнейшее Чтение - Javascript
• Документация 3 - Javascript
• Проверочные Вопросы - Javascript
• CCA Javascript Уровень 1

jQuery

• Обзор Раздела "jQuery"
• Что Такое jQuery?
• Использование jQuery На Ваших Веб-Страницах
• Использование jQuery На Ваших Веб-Страницах - Файлы
• Определение Щелчка Мыши
• Определение Щелчка Мыши - Файлы
• Изменение Содержимого Веб-Сайта
• Изменение Содержимого Веб-Сайта - Файлы
• Изменение Стилей Веб-Сайта
• Изменение Стилей Веб-Сайта - Файлы
• Исчезающий Контент
• Исчезающий Контент - Файлы
• Анимация Контента
• Анимация Контента - Файлы
• AJAX
• AJAX - Файлы
• Регулярные Выражения
• Регулярные Выражения - Файлы
• Мини-Проект - Проверка Формы
• Мини-Проект - Проверка Формы - Файлы
• Введение в jQuery UI
• Введение в jQuery UI - Файлы
• Draggables & Resizables
• Draggables & Resizables - Файлы
• Droppables
• Droppables - Файлы
• Accordion & Sortables
• Accordion & Sortables - Файлы
• Проект jQuery - Code Player
• Проект jQuery - Code Player - Файлы
• Дальнейшее Чтение - jQuery
• Проверочные Вопросы - JQuery
• CCA jQuery Уровень 1

Bootstrap 4

• Обзор Раздела "Bootstrap 4"
• Что Такое Bootstrap?
• Ваш Первый Сайт Bootstrap
• Ваш Первый Сайт Bootstrap - Файлы
• Система Grid
• Система Grid - Файлы
• Панели Навигации Navbars
• Панели Навигации Navbars - Файлы
• Формы & Таблицы
• Формы & Таблицы - Файлы
• Компоненты Bootstrap
• Компоненты Bootstrap - Файлы
• Modals, Popovers & Tooltips
• Modals, Popovers & Tooltips - Файлы
• ScrollSpy
• ScrollSpy - Файлы
• Проект - Страница Приложения
• Проект - Страница Приложения - Файлы
• Бесплатные Темы Bootstrap
• Дальнейшее Чтение - Bootstrap
• Проверочные Вопросы - Bootstrap

Wordpress

• Обзор Раздела "Wordpress"
• Что Такое Wordpress?
• Приборная Панель Wordpress Dashboard
• Темы Wordpress
• Важно: Замечание о Теме X и Следующей Лекции
• Как Получить Скидку $10 Для Темы X
• Создание Блога
• Создание Сайта Электронной Коммерции
• Задание Wordpress - Создание Сайта
• Дальнейшее Чтение - Wordpress
• Проверочные Вопросы - Wordpress

PHP

• Обзор Раздела "PHP"
• Введение в PHP
• Hello World в PHP
• Hello World в PHP - Файлы
• Переменные
• Переменные - Файлы
• Массивы
• Массивы - Файлы
• Операторы IF
• Операторы IF - Файлы
• Циклы For и For Each
• Циклы For и For Each - Файлы
• Циклы While
• Циклы While - Файлы
• Переменные GET
• Переменные GET - Файлы
• Переменные POST
• Переменные POST - Файлы
• Отправка Email в PHP
• Отправка Email в PHP - Файлы
• Мини-Проект - Форма "Контакты"
• Мини-Проект - Форма "Контакты" - Файлы
• Как Получить Содержимое Других Скриптов
• Как Получить Содержимое Других Скриптов - Файлы
• Проект - Извлечение Погоды
• Проект - Извлечение Погоды - Файлы
• Дальнейшее Чтение - PHP
• Проверочные Вопросы PHP
• CCA PHP Уровень 1

MySQL

• Обзор Раздела "MySQL 5"
• Введение в MySQL
• Подключение к Базе Данных
• Подключение к Базе Данных - Файлы
• Получение Данных из Базы Данных
• Получение Данных из Базы Данных - Файлы
• Вставка и Обновление Данных
• Вставка и Обновление Данных - Файлы
• Цикл по Данным
• Цикл по Данным - Файлы
• Переменные Сессии
• Переменные Сессии - Файлы
• Куки (Cookies)
• Куки (Cookies) - Файлы
• Безопасное Хранение Паролей
• Безопасное Хранение Паролей - Файлы
• Замечание о Безопасном Хранении Паролей - password_hash()
• Проект Секретный Дневник (1)
• Проект Секретный Дневник - Часть 1 Файлы
• Проект Секретный Дневник (2)
• Проект Секретный Дневник - Часть 2 Файлы
• Дальнейшее Чтение - MySQL
• Проверочные Вопросы - MySQL
• CCA MySQL Уровень 1

API

• Обзор Раздела "API"
• Что такое API?
• Какая Сейчас Погода
• Какая Сейчас Погода - Файлы
• Google Maps API
• Google Maps API - Файлы
• Геокодирование в Google Maps
• Геокодирование в Google Maps - Файлы
• Мини-Задание - Поиск Почтового Кода
• Мини-Задание - Поиск Почтового Кода - Файлы
• Twitter API - ОБНОВЛЕНИЕ
• Twitter API
• Twitter API - Файлы
• Задание - Создание Клиента Twitter
• Создание Клиента Twitter - Файлы
• Дальнейшее Чтение - API
• Проверочные Вопросы - API

Подготовка проекта

• Soft - Вступление и подготовка
• Web - Первый кирпич сайта
• Git - Все ходы записываются
• Composer - Установка пустоты
• Controller - Точка входа программиста
• Views - Представления начинаются

Тесты, Bootstrap и меню

• Codeception - Пошаговое тестирование
• Bootstrap - Пусть будет красиво!
• Menu - Богатый выбор
• Join/login - Полёт Навигатора
• Debug - Следы на песке
• User - Помещение регистратуры
• Panel - Красивые анкеты
• Model - Модели на подиуме

База данных, миграции, юзеры

• Tests - Обоснование необходимости
• Steps - Пошаговая инструкция
• Console - Есть ли жизнь в Консоли?
• Migration - Архитектура таблицы
• DBase - Подключение к Матрице
• UserRecord - Очень активная модель
• Faker - Тысяча фантазёров!

Регистрация клиентов

• UserIdentity - Посторонним В
• UserJoinForm - Модель для формы
• Logout - Выход из лабиринта
• Rules - Валидация без правил
• JoinPost - Вторая сторона модели
• IfEmailUsed - Почта закрыта
• HasErrors - Где водятся волшебники?
• Save - Запись в книгу

Авторизация клиентов

• UserLoginForm - Модель на входе
• IfEmailNotFound - На деревню дедушке
• IfPasswordWrong - Пароль? Пароль! Проходи
• Refactoring - Нет дубликатам!

Хеширование паролей

• Test - Запуск функциональных тестов
• PasswordIsHashed - Покажи-ка хэш
• Security - Кручу-верчу-захэшировать хочу!
• Hash - Как правильно солить пароли
• Remember me - Печенька на память
• Authokey - Ключи в сейфе
• REFRESH - 40 МГНОВЕНИЙ ОПЫТА

VIP. План проекта и мультиязычность

• Welcome - Вступление
• Web folder - Подготовка папки
• Compose Yii - Загрузка фреймворка
• Design Signup - Планирование входа
• Lang Tester - Языковой тест
• Internationalization - Вершина айсберга
• Debug url - Отладочный модуль
• Switch lang - Полиглот
• Design Cabinet - Кабинетное планирование

Введение

• Введение

Общая инфрормация

• Виртуальное окружение - что это и зачем его использовать.
• Установка виртуального окружения и Django
• Git и GitHub - для чего их использовать
• Адреса ресурсов, которые используются в проекте

Django. Базовая информация.

• Создаем проект на Django
• Настройки проекта в PyCharm. Что есть что в Django-проекте.
• Взаимодействие компонентов Django.
• HttpResponse
• Функция render. Обработка шаблонов
• Первый коммит и отправка кода в репозиторий
• Наследование шаблонов
• Создание django-проекта

Bootstrap

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

Первое приложение Города

• Создаем первое приложение Города
• Что такое ORM?
• Админка проекта. Создание суперюзера
• Модель City. Подключение её к админке.
• Руссификация приложения и модели Города
• Интерактивная консоль shell. Разбираемся в деталях QuerySet
• Функция для отображения списка городов.
• Детализация конкретной записи города
• Подключение возможности использования шаблонных тэгов в PyCharm Community
• Пункты навигационного меню в base.html. Класс active
• Отображение на основе классов. CBV
• Детализация с помощью DetailView
• Django-приложение

Форма. Передача данных из браузера на сервер.

• Html-форма
• Обработка данных из формы
• Создаем формы на основе классов Form и ModelForm
• Используем Bootstrap для улучшения отображения формы
• CreateView. Создание новой записи
• UpdateView. Редактирование.
• DeleteView. Удаление
• Формы

Пагинация

• Таблица со списком городов
• Разбиение всего списка на части. Пагинация
• Улучшаем отображение пагинации с помощью Bootstrap
• Переопределение метода get_context_data

Messages

• Информирование пользователя о действиях.

Приложение Поезда.

• Связи между таблицами.
• Обзор доступных типов полей для модели
• Модель Train
• Что такое related_name и как его использовать.
• Метод модели clean()
• Связи между таблицами
• Улучшение отображения записей в админке.
• Список поездов - формирование, отображение.
• Детализация записи поезда
• Форма для создания\редактирования Поезда
• Редактирование, удаление поезда

Приложение Маршруты

• Модель Route
• Форма для поиска маршрутов
• Улучшение функционала формы поиска. Select2
• Функция отображения для поиска маршрутов.
• Функция поиска маршрутов get_routes.
• Граф. Как можно представить сообщение между городами в виде структуры даннх?
• Функция формирования графа
• Функция по поиску путей в графе.
• Отбор маршрутов через заданные пользователем города.
• Отбор маршрутов по зананному пользователем времени в пути
• Сортировка маршрутов по времени.
• Отображение списка найденных маршрутов
• Улучшение отображения списка маршрутов
• Проблема N+1 запросов. select_related
• Логирование запросов.
• Формирование скрытых полей в форме.
• Форма для сохранение маршрута
• Добавление начальных данных в форму
• Сохранение маршрута
• Модернизация формы сохранения маршрута
• Список всех маршрутов
• Детализация маршрута.

Общее представление о WEB

Beautiful Soup и работа с API

• Beautiful Soup
• Практическое задание по Beautiful Soup
• Работа через API
• Практическое задание: Конвертер валют

Хранение данных. SQL / NoSQL

• Хранение данных
• Тест по хранению данных
• MySQL
• Практическое задание: MySQL
• Redis
• Тест по Redis

Веб интерфейсы с Django и Bootstrap

• Python и WEB-фреймворки
• Тест по сетевому взаимодействию и web-фреймворкам
• Django
• Практическое задание по routing
• Практическое задание по шаблонизации
• Django ORM
• Практическое задание по Django ORM
• HTML
• Тест по HTML
• CSS
• Тест по CSS
• Задание на взаимною оценку: Верстка сайта
• Django + BootStrap

Работа с данными пользователя

• Отправка данных из браузера
• Тест: Отправка данных из браузера
• Практическое задание: Отправка данных
• Обработка данных на сервере
• Тест: Обработка данных на сервере
• Практическое задание: Обработка данных на сервере
• Аутентификация, авторизация, сессии
• Тест: Аутентификация и авторизация
• Практическое задание: Аутентификация и авторизация

Дополнительный инструментарий

• Telegram бот
• Git
• Development и Production
• Задание на взаимную оценку: Создание Telegram bota

Проект: умный дом

• Курсовой проект
• Заключительный урок
• Ваши впечатления о курсе

Система контроля версий - Git

• Введение в Git

Введение в веб-разработку

• Введение в веб-разработку
• Структура HTML-документа
• Практика HTML

Введение в CSS. Шрифты. Позиционирование элементов.

• Позиционирование, вёрстка и стилизация.

Верстка первого проекта.

• Значения свойства «position» + Практика

Адаптивный и отзывчивый дизайн

• @import | Медиа-выражения | Метатег viewport

Flexbox

• Знакомство с flexbox

Grid

• Grid-контейнер | Grid-линии | Grid-области

Bootstrap

• Bootstrap разметка, сетка, контейнер

CSS Анимация

• Синтаксис @keyframes | Подсвойства анимации | Кадр (ключ анимации)

Препроцессоры SASS/SCSS.

• SASS/SCSS

Язык HTML

• Введение
• Установка браузера и редактора кода
• Обзор функций редактора
• Первые HTML теги
• Как задавать путь к файлу
• Задание
• Создание списка
• Создание таблиц
• Работа с текстом
• Задание
• Создание формы
• Универсальные атрибуты
• Цвет RGB и спецсимволы
• Подведение итогов изучения HTML
• Вопросы к главе по языку HTML

Язык CSS

• CSS селекторы
• Работа с изображениями
• Границы
• Размеры элементов
• Работа с шрифтом
• Блочная модель документа
• Псевдоклассы и псевдоэлементы
• Основы CSS Flexbox
• Адаптивная версия сайта, Создание своей сетки
• Задание по работе с сеткой
• Вопросы к главе по языку CSS

Практика по HTML и CSS

• Практическое занятие 1
• Домашнее задание 1
• Практическое занятие 2
• Домашнее задание 2
• Практическое занятие 3
• Домашнее задание 3
• Урок по Photoshop
• Практическое занятие 4
• Домашнее задание 4
• Заключение
• Вопросы к главе с практическими заданиями
• Дополнительные материалы

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

• Введение в JavaScript. Работа с консолью разработчика, создание переменных
• Строковый и логический тип данных
• Шаблонные строки, Случайные числа, Округление чисел
• Массивы
• Объекты
• Диалоговые окна, Условия, Тернарный оператор, Переключатель Switch
• Циклы (5 видов)
• Функции и решение 6 задач
• Работа с датой и временем
• Документация кода на JSDoc и Исключения
• Объектно-Ориентированное Программирование, Прототип, Конструктор, Класс
• Возможности ECMAScript 2015 (ES6)

Работа с DOM деревом JavaScript

• Введение
• Выбор элемента DOM
• Атрибуты, Создание элементов
• Генерация вложенных списков
• Календарь
• Задание
• Сортировка таблицы
• Часы
• Классы и метрики
• Таблица с журналами
• Номера из объекта
• Вывод карточек с сортировкой
• Вывод карточек людей
• Карточки с днями рождения
• Таймер с прогрессбаром
• Генератор имен
• Локальное хранилище (localStorage)

Обработка события на JavaScript

• Обработчики событий
• Скрыть / Показать элемент
• Простой слайдер
• Тёмная тема
• Не jQuery
• Фазы события и Делегирование
• Счётчик
• Переключатель
• Удаление карточек
• Разворачиваемые подменю
• Сортировка таблицы
• Всплывающая подсказка
• Отмена стандартного поведения
• Сочетание клавиш
• Выделение через CTRL
• Range-Слайдер
• События клавиатуры
• Работа с формами
• Фокус и потеря фокуса
• Перемещение по стрелкам
• События форм и буфера обмена
• События страницы, async и defer скрипты
• Диапазон и Выделение
• Депозитный калькулятор
• Генератор CSS тени
• Задание
• Система уведомлений

Библиотеки JavaScript

• Работа с текстовыми файлами и FileReader
• Создание анимации на JS и CSS
• Регулярные выражения
• Библиотека list.js: Поиск и сортировка обычных списков
• Библиотека sweetalert2.js: Всплывающие модальные окна с иконками
• Библиотека popper.js: Всплывающие текстовые подсказки
• Библиотека baguetteBox.js: Галерея изображений
• Библиотека lightgallery.js: Галерея изображений
• Библиотека flatpickr.js: Календарь
• Библиотека cleave.js: Валидация форм
• Библиотека mixItUp3.js: Фильтрация элементов
• Библиотека swiper.js: Слайдер изображений

Фреймворк Bootstrap 5

• Обзор, загрузка и подключение
• Шапка, модальное окно, градиент, треугольник, адаптивное видео
• Сетка 3 на 3 и иконки
• Сетка 2 на 2
• Как сделать Аккордеон на Bootstrap 5
• Адаптивные изображения на Bootstrap 5
• Практика и задание по работе с Bootstrap 5
• Форма сбора средств Yoomoney
• Создание футера
• Обзор документация Bootstrap 5
• Вопросы к главе по Bootstrap 5

Система управления версиями Git и GitHub

• Что такое Git
• Установка Git
• Регистрация на GitHub
• Первые команды Git
• Работа с Git в VS Code
• Алиасы для Git
• Отмена изменений и возврат к коммиту
• Работа с ветками
• Панель команд Git в VS Code
• Откат к любому коммиту и Git Graph
• Удаление репозитория
• Синтаксис Markdown для README.md
• Фрагменты кода Gist
• Хостинг GitHub Pages
• Вопросы к главе по Git и GitHub

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

• Обзор курса
• Обзор структуры файлов
• Работа над интерфейсом игры
• Достижения в игре
• Экран с вопросами в игре
• Экран с результатами
• Начало работы с Vue
• Обработка событий на Vue
• Циклы и методы на Vue
• Конец игры на Vue
• Вычисляемые свойства на Vue
• Музыка в игре на JavaScript
• Работа с Git и GitHub
• Приложение в VK
• Куда двигаться дальше
• Вопросы к главе по Vue.js

Вводная

Архитектура системы

• Введение
• Консоли администрирования
• Среды разработки (IDE)
• Сервер платформы

Установка и подключение Service Studio(IDE разработчик)

• Регистрация
• Скачивание
• Установка
• Подключение

Создание приложения и модуля

• Создание приложения
• Создание модуля
• Правила хорошего кода
• Задание

Создание сущности

• Виды сущностей
• Связи
• Ссылочная целостность
• Индексы
• Триггеры
• Системные сущности
• Правила хорошего кода
• Задание

Дополнительно по данным

• Типы данных
• Переменные сессий
• SiteProperties
• Правила хорошего кода
• Задание

Создание нового Action

• Action Flow
• Правила хорошего кода

Исключения, отладка и журналы событий

• Что такое исключение
• Иерархия исключений
• Отладка приложения
• Правила хорошего кода
• Задание

Отчеты и журналы событий

• Журналы событий
• Отчет аналитики
• Правила хорошего кода

Извлечение данных

• Основные способы извлечения данных
• Aggregate
• Advanced SQL
• Aggregate или SQL
• Правила хорошего кода
• Задание

Предварительная загрузка данных (Bootstrap)

• Что есть Bootstrap
• Создание Bootstap
• Задание

Повторное использование

• Producer и Consumer
• Подключение элемента
• Типы зависимостей
• Изменения в Producer
• Правило хорошего кода
• Задание

Таймер

• Создание таймера
• Перенастройка таймера
• Дополнительно о таймерах
• Правила хорошего кода
• Задание

Дизайн пользовательского интерфейса

• Тема и параметры
• Создание Темы
• Задание

UI Flow

• Что такое UI Flow
• Обзор UI FLow

Страницы и Блоки

• Screen
• Макеты страниц
• Action
• Block
• Жизненный цикл страницы/блока
• События

Виджеты

• Основной Экран Интерфейса
• Widget Tree (Древо виджетов) или Структура страницы
• Основной список Widget
• Примеры использования
• Встроенные функции
• Правила хорошего кода
• Задание

Роли

• Ограничение доступа
• Создание роли
• Правила хорошего кода
• Задание

Процессы

• Создание процесса
• Элементы процесса
• Обновление процесса
• Основные виды процессов
• Правила хорошего кода
• Задание

Интеграция SOAP/REST

• Назначение сервисов
• Создание
• Информация в Service Center
• Задание

Integration Studio

• Что есть Integration Studio
• Установка MS Visual Studio
• Настройка Integration Studio
• Работа с Extension
• Правила хорошего кода
• Задание

Установка внешних компонентов

• Что такое Forge
• Установка с Forge
• Способы установки компонентов
• Правила хорошего кода
• Задание

Unit-тесты

• Назначение Unit-тестов
• Условия применения
• Создание теста
• Задание

Архитектура приложения

• Что есть 4LC
• 4 уровня (4LC)
• 3 важных правила
• Принятые шаблоны наименования
• Наше приложение
• Приложение Independent Modules