Курсы HTML верстки на Bootstrap

18 программ обучения

Платформа:: Udemy

Bootstrap 5 для начинающих

Продолжительность:: 30 часов

Язык:: русский

Научись работать с самым популярным CSS фреймворком Bootstrap 5 от компании Twitter.

2,5 ч видео

Программа

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

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

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

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

Платформа:: Udemy

Bootstrap для новичков

Продолжительность:: 30 часов

Язык:: русский

Как быстро создавать адаптивную верстку сайтов

3,5 ч видео
8 ресурсов для скачивания

Программа

Введение

Введение

Урок 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

Платформа:: Udemy

Макет интернет магазина - IShop: HTML, CSS, JS, Bootstrap

Продолжительность:: 30 часов

Язык:: русский

Краткий обзор основ HTML, CSS, JS и Bootstrap для постороения функциональных HTML макетов

7,5 ч видео
1 статья
8 ресурсов для скачивания

Программа

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

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

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

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

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

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

Платформа:: Udemy

Веб разработка - с нуля до профессионала. Full Stack

Продолжительность:: 30 часов

Язык:: русский

Web - HTML5, CSS3, JavaScript, jQuery, Bootstrap, PHP, MySQL, Python, Django

33,5 ч видео
20 статей
44 ресурсов для скачивания
Задания

Программа

Введение

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

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. Решение

Платформа:: Stepik

Веб-разработка. Frontend

Продолжительность:: 30 часов

Язык:: русский

На данном курсе обучающиеся освоят фронтенд разработку: научатся создавать сайты на HTML, работать с CSS, Bootstrap, изучат CSS-препроцессоры, основы дизайна, а также язык программирования Javascript и фреймворк для разработки пользовательских интерфейсов React

40 уроков
34 теста

Программа

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

CSS

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

Bootstrap

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

Дизайн

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

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

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

Изучение JavaScript

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

React.js

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

Платформа:: Udemy

Основы веб-разработки

Продолжительность:: 30 часов

Язык:: русский

Начните работу как интерфейсный веб-разработчик, используя HTML, CSS, JavaScript, jQuery и Bootstrap!

6,5 ч видео

Программа

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

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

Теория

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

Платформа:: Udemy

Django 1.11- Быстрый старт 2018 (Обновлен код до Django 3.1)

Продолжительность:: 30 часов

Язык:: русский

Узнайте, как создавать веб-сайты на Django и Python. Весь код обновлен до Django 3.1.2 и Bootstrap 4.5.3

6,5 ч видео
2 статей
5 ресурсов для скачивания

Программа

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

Введение
Настройка 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

Бонус

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

Платформа:: Stepik

Django 3 - Full Stack разработка веб-сайтов на Python

Продолжительность:: 30 часов

Язык:: русский

Создайте 3 крутых веб-сайта, изучите Back и Frond End веб разработку, сверстайте сайты с HTML5, CSS3 и Bootstrap 4

80 уроков
10 часов видео

Программа

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

Памятка по 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

Что дальше?

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

Платформа:: Udemy

Django 3 - Full Stack разработка веб-сайтов на Python

Продолжительность:: 30 часов

Язык:: русский

Создайте 3 крутых веб-сайта, изучите Back и Frond End веб разработку, сверстайте сайты с HTML5, CSS3 и Bootstrap 4

10,5 hours видео
5 статей

Программа

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

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

Памятка по 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

Что дальше?

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

Платформа:: Stepik

Основы статистики. Часть 3

Продолжительность:: 30 часов

Язык:: русский

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

17 уроков
4 часа видео
33 теста
13 интерактивных задач

Программа

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

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

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

Введение в bootstrap

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

Платформа:: Stepik

SPA сайт на Django Rest Framework и NuxtJS

Продолжительность:: 30 часов

Язык:: русский

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

54 урока
1 тест
50 интерактивных задач

Программа

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

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

Linux

Bootstrap верстка

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

Github

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

Django

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

Django Rest Framework

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

NuxtJS

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

P.S.

P.S.

Платформа:: Udemy

Полный Курс Веб-Разработчика 2.0

Продолжительность:: 30 часов

Язык:: русский

Разработайте 25 веб-сайтов и приложений с помощью HTML, CSS, Javascript, PHP, Python, MySQL и других инструментов!

30,5 hours видео
145 статей

Программа

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

Обзор Раздела "Введение и Настройка"
Как Получить Дополнительные Бесплатные Материалы
Настройка для 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 и Следующей Лекции
Создание Блога
Создание Сайта Электронной Коммерции
Задание 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

Платформа:: Udemy

Создание сайта на Yii ручками, без использования шаблонов

Продолжительность:: 30 часов

Язык:: русский

Пошаговый план ручного создания веб-сайта на Yii

10 ч видео
1 ресурс для скачивания

Программа

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

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 - Кабинетное планирование

Платформа:: Udemy

Сайт на Django 3.1 Реализация ТЗ на позицию Junior Developer

Продолжительность:: 30 часов

Язык:: русский

Сайт будет создан на основе реального тестового задания на позицию Junior Django Developer.

17 ч видео
1 статья
1 ресурс для скачивания
2 практических тестов

Программа

Введение

Введение

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

Виртуальное окружение - что это и зачем его использовать.
Установка виртуального окружения и 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
Логирование запросов.
Формирование скрытых полей в форме.
Форма для сохранение маршрута
Добавление начальных данных в форму
Сохранение маршрута
Модернизация формы сохранения маршрута
Список всех маршрутов
Детализация маршрута.

Платформа:: Stepik

Создание Web-сервисов на Python

Продолжительность:: 30 часов

Язык:: русский

Современная жизнь немыслима без web-сервисов, ежедневно приносящих дивиденды в самых разных областях человеческой деятельности. А значит, профессия web-разработчика еще долго будет оставаться высокооплачиваемой и востребованной на рынке IT-специалистов. Существует множество решений и инструментов на разных языках программирования, упрощающих и ускоряющих web-разработку. В рамках данного курса освещается построение web-приложений на языке Python. Курс читают разработчики, применяющие Python в проектах, которыми ежедневно используют миллионы людей. В данном курсе вы сможете приобрести как базовые знания о функционировании современного интернета в целом, так и практические навыки создания интернет-приложений на языке Python.

47 уроков
11 часов видео
139 тестов
3 интерактивные задачи

Программа

Общее представление о 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

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

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

Платформа:: Udemy

Веб-верстальщик "Основы HTML и CSS с нуля"

Продолжительность:: 30 часов

Язык:: русский

Если вы никогда раньше не писали ни строчки кода, этот курс для вас!

12 ч видео
24 ресурсов для скачивания

Программа

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

Введение в Git

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

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

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

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

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

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

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

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

Flexbox

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

Grid

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

Bootstrap

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

CSS Анимация

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

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

SASS/SCSS

Платформа:: Udemy

Frontend разработчик на HTML, CSS и JavaScript

Продолжительность:: 30 часов

Язык:: русский

Освойте самое важное для веб-разработчика и начните зарабатывать на этом деньги! HTML, CSS, JavaScript, Vue, Git, Gulp

35,5 ч видео
1 статья
55 ресурсов для скачивания

Программа

Язык 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

Платформа:: Stepik

Outsystems

Продолжительность:: 30 часов

Язык:: русский

Команда FICO разработала и запускает пилотный курс по обучению Outsystems. Low-code ☕️🍃 Если вы давно хотели попробовать, но не было подходящей возможности - welcome! Условие участия - наличие опыта в IT разработке. Обучение будет проходить на дистанционной платформе с участием ментора в вечернее время - бесплатно. Количество мест ограничено!

109 уроков
1 тест

Программа

Вводная

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

Введение
Консоли администрирования
Среды разработки (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