Web-разработка: различия между версиями

Материал из Кружковое движение
Перейти к навигации Перейти к поиску
(Новая страница: «==HTML, CSS и JavaScript== ==PHP== ==Go== ==Python for web== ==Базы данных==»)
 
 
(не показано 8 промежуточных версий этого же участника)
Строка 1: Строка 1:
 
==HTML, CSS и JavaScript==
  
==HTML, CSS и JavaScript==
  +
  +
<!-- ****************************** -->
  +
<!-- Table Format - do not touch -->
  +
{| class="a" style="width:100%;" border="1" style="width:100%; border-collapse:collapse"|+
  +
<!-- Table name -->
  +
'''HTML, CSS и JavaScript'''
  +
<!-- Table headers - do not touch -->
  +
! style="background: #EAECF0;"| Название курса||style="background: #EAECF0;"|Источник / Организация||style="background: #EAECF0;"|Возраст||style="background: #EAECF0;"|Длина курса
  +
<!-- ****************************** -->
  +
<!-- Course 1 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://stepik.org/course/38218/promo Веб-разработка для начинающих: HTML и CSS]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
'''HTML'''
  +
* HTML: теги, атрибуты, интерпретация
  +
* HTML: структура документа, элементы, списки, изображения, ссылки
  +
* HTML: таблицы, формы
  +
'''CSS'''
  +
* CSS: подключение
  +
* CSS: синтаксис, селекторы, chromium DevTools
  +
* CSS: текст и шрифт, цвет и фон
  +
* CSS: display, блочная модель позиционирование
  +
* CSS: float, Clearfix
  +
'''Продвинутая верстка'''
  +
* Flexbox, псевдоклассы,
  +
* Аанимация переходов, адаптивная сетка
  +
'''Фреймворки'''
  +
* CSS-фреймворки. Когда их применять и не применять
  +
* Bootstrap 4, компоненты, сетка
  +
'''Деплой сайта'''
  +
* Что такое фронтенд и бэкенд
  +
* Что такое хостинг
  +
* Деплой сайта на netlify
  +
* Выпускной проект
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Stepik]] / [[ITC]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
50 уроков
  +
<!-- ****************************** -->
  +
<!-- Course 2 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/javascript-osnovy-i-funktsii Вёрстка и JavaScript: часть 1. Javascript - основы и функции]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Основы языка JavaScript
  +
* Типы данных
  +
* Функции
  +
* Контекст исполнения
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[Яндекс]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
20 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Course 3 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/snovy-html-i-css Вёрстка и JavaScript,:часть 2. Основы HTML и CSS]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Введение в HTML
  +
* Введение в CSS
  +
* Шрифты и текст
  +
* Анимации в CSS
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[Яндекс]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
27 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Course 4 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/tonkosti-verstki Вёрстка и JavaScript,:часть 3. Тонкости верстки]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Модель отображения
  +
* Браузеры
  +
* Фотошоп и графика
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[Яндекс]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
24 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Course 5 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/javascript-prototipy Вёрстка и JavaScript,:часть 4. JavaScript - прототипы и асинхронность]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Прототипы
  +
* Конструкторы
  +
* Асинхронный код
  +
* Node.js
  +
* DOM
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[Яндекс]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
17 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Course 6 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/razrabotka-interfeysov-proyekt Вёрстка и JavaScript,:часть 5. Разработка интерфейсов]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Реализация игры ""Memory""
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[Яндекс]]
  +
|style="text-align:center;"|
  +
[[Материалы для старшей школы и студентов| Старшая школа и студенты]]
  +
|style="text-align:center;"|
  +
6 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Course 7 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://stepik.org/course/2223/promo JavaScript для начинающих]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
'''Введение'''
  +
* В двух словах о JavaScript
  +
* Внедрение кода, структура программы, комментарии
  +
* Переменные, типы данных
  +
* Простейшие операции, ветвление, циклы.
  +
'''Стандартные объекты'''
  +
* Функции, объекты, строки
  +
* Массивы
  +
* Дата и время
  +
* Математические функции
  +
'''продвинутые операции'''
  +
* Обработка ошибок
  +
* Введение в регулярные выражения
  +
* Использование регулярных выражений
  +
* Замыкания
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Stepik]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
17 уроков
  +
<!-- ****************************** -->
  +
<!-- Course 8 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://stepik.org/course/154/promo Web-технологии]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
'''статический сайт'''
  +
* Архитектура Web приложений: web-клиенты, HTML, CSS
  +
* Сетевые протоколы, HTTP
  +
* Web-сервера
  +
* Архитектура frontend-backend
  +
'''Динамический сайт'''
  +
* MVC фреймворки
  +
* Работа с СУБД
  +
* Django модели
  +
* сессии и авторизации
  +
'''Дополнительные темы'''
  +
* Технология AJAX
  +
* Real-Time сообщения
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Stepik]] / [[mail.ru]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
18 часов видео, 100 тестов
  +
<!-- ****************************** -->
  +
<!-- Table ending - do not touch -->
  +
|}
  +
<!-- ****************************** -->
   
 
==PHP==
  
==PHP==
Строка 5: Строка 235:
 
==Go==
  
==Go==
   
  +
<!-- ****************************** -->
  +
<!-- Table Format - do not touch -->
  +
{| class="a" style="width:100%;" border="1" style="width:100%; border-collapse:collapse"|+
  +
<!-- Table name -->
  +
'''Go'''
  +
<!-- Table headers - do not touch -->
  +
! style="background: #EAECF0;"| Название курса||style="background: #EAECF0;"|Источник / Организация||style="background: #EAECF0;"|Возраст||style="background: #EAECF0;"|Длина курса
  +
<!-- ****************************** -->
  +
<!-- Course 1 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://stepik.org/course/54403/promo Программирование на Golang]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
'''Введение в основы языка'''
  +
* О Go, Первая программа
  +
* Типы данных,
  +
* Переменные и арифметические операции
  +
* Ввод/вывод данных
  +
* Условные выражения, условные конструкции,
  +
* Циклы
  +
* Массивы
  +
'''Функции, структуры, указатели и т.д.'''
  +
* Функции
  +
* Пакеты
  +
* Указатели, Структуры
  +
* Строки
  +
* Обработка ошибок
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Stepik]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
20 уроков
  +
<!-- ****************************** -->
  +
<!-- Course 2 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/golang-webservices-1 Разработка веб-сервисов на Go - основы языка]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Введение в Golang
  +
* Асинхронная работа
  +
* Работа с динамическими данными и производительность
  +
* Основы HTTP
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[mail.ru]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
20 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Course 3 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/golang-webservices-2 Разработка веб-сервисов на Golang, часть 2]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Анатомия веб-сервиса
  +
* SQL и NoSQL
  +
* Микросервисы
  +
* Сервис в работе
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[mail.ru]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
14 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Table ending - do not touch -->
  +
|}
  +
<!-- ****************************** -->
   
 
==Python for web==
  
==Python for web==
   
  +
<!-- ****************************** -->
  +
<!-- Table Format - do not touch -->
  +
{| class="a" style="width:100%;" border="1" style="width:100%; border-collapse:collapse"|+
  +
<!-- Table name -->
  +
'''Python for web'''
  +
<!-- Table headers - do not touch -->
  +
! style="background: #EAECF0;"| Название курса||style="background: #EAECF0;"|Источник / Организация||style="background: #EAECF0;"|Возраст||style="background: #EAECF0;"|Длина курса
  +
<!-- ****************************** -->
  +
<!-- Course 1 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://ru.coursera.org/learn/python-for-web Создание Web-сервисов на Python]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Общее представление о WEB
  +
* Сбор данных со сторонних сайтов
  +
* Beautiful Soup и работа с API
  +
* Хранение данных. SQL / NoSQL
  +
* Веб интерфейсы с Django и Bootstrap
  +
* Работа с данными пользователя
  +
* Дополнительный инструментарий
  +
* Проект: умный дом
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Coursera]] / [[МФТИ]] и [[mail.ru]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
68 часов на выполнение
  +
<!-- ****************************** -->
  +
<!-- Table ending - do not touch -->
  +
|}
  +
<!-- ****************************** -->
   
 
==Базы данных==
  
==Базы данных==
  +
  +
<!-- ****************************** -->
  +
<!-- Table Format - do not touch -->
  +
{| class="a" style="width:100%;" border="1" style="width:100%; border-collapse:collapse"|+
  +
<!-- Table name -->
  +
'''Базы данных'''
  +
<!-- Table headers - do not touch -->
  +
! style="background: #EAECF0;"| Название курса||style="background: #EAECF0;"|Источник / Организация||style="background: #EAECF0;"|Возраст||style="background: #EAECF0;"|Длина курса
  +
<!-- ****************************** -->
  +
<!-- Course 1 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://stepik.org/course/551/promo Введение в базы данных]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
'''Базовые операции SQL'''
  +
* Термины и определения, базовые операции SQL
  +
* Агрегация данных
  +
'''Основы реляционных баз данных'''
  +
* Введение в реляционную модель данных
  +
* Архитектура ANSI/SPARC
  +
* Выборки из нескольких источников
  +
* Триггеры и хранимые процедуры
  +
'''Проектирование баз данных'''
  +
* Задача проектирования баз данных
  +
* Концептуальное проектирование
  +
* Логическое и физическое проектирование
  +
* Инструмент проектирования MySQL Workbench
  +
* SQL-DDL
  +
'''Нормализация реляционной базы данных'''
  +
* Термины нормализации
  +
* Основные нормальные формы: 1НФ, 2НФ, 3НФ, НФБК
  +
* Прочие нормальные формы: 4NF, 5NF, DKNF, 6NF
  +
'''Использование ORM'''
  +
* Моделирование данных с использованием ORM
  +
'''Администрирование MySQL и оптимизация запросов'''
  +
* Сложность выполнения запросов. EXPLAIN
  +
* Индексы
  +
'''Нереляционные СУБД'''
  +
* Термины и характеристики NoSQL
  +
* Обзор key-value СУБД Redis
  +
* Обзор документоориентированной СУБД MongoDB
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Stepik]]
  +
|style="text-align:center;"|
  +
[[Материалы для любого возраста|Любой]]
  +
|style="text-align:center;"|
  +
7 часов видео, 100 тестов
  +
<!-- ****************************** -->
  +
<!-- Course 2 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://stepik.org/course/2614/promo Базы данных] и [https://ru.coursera.org/learn/data-bases-intr Базы данных]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
* Проектирование баз данных, модель ""Сущность-связь""
  +
* Реляционная алгебра. Нормализация реляционных отношений
  +
* Основные объекты базы и их описание на языке SQL
  +
* Запросы на языке SQL
  +
* Представления, процедуры, функции, триггеры
  +
* Индексирование данных
  +
* Оптимизация выполнения запросов
  +
* Управление конкурентным доступом
  +
* BigData - направления и тенденции развития баз данных
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Stepik]] и [[Coursera]] / [[СПБГУ]]
  +
|style="text-align:center;"|
  +
[[Материалы для старшей школы и студентов| Старшая школа и студенты]]
  +
|style="text-align:center;"|
  +
5 часов видео, 100 тестов
  +
<!-- ****************************** -->
  +
<!-- Course 3 -->
  +
|-
  +
|
  +
<!-- Course format do not touch -->
  +
{| role="presentation" class="a mw-collapsible mw-collapsed" style="border:1px solid white;"
  +
| style="border:1px solid white;"|<strong>[https://stepik.org/course/3203/promo Погружение в СУБД]</strong>
  +
|-
  +
<!-- Course content format do not touch -->
  +
| style="border:1px solid white;"|
  +
<!-- Course content -->
  +
'''Введение'''
  +
* О чём и для кого этот курс,
  +
* Ресурсы для начинающих
  +
'''Проектирование схемы'''
  +
* Декомпозиция, функциональные зависимости
  +
* Ключевые атрибуты
  +
* Связи между таблицами
  +
* Нормальная форма Бойса-Кодда
  +
* Ошибки при проектировании схемы
  +
* Суррогатные ключи
  +
* Что нужно запомнить про ключи, связи и нормальные формы
  +
'''СУБД и приложение'''
  +
* СУБД тормозит, жизнь простого запроса
  +
* Соединения таблиц, физическое выполнение соединений
  +
* Приложение и сессии, представления
  +
* Хранимые процедуры
  +
* Устойчивость приложения к более серьёзным изменениям
  +
* Case Study: приложение, устойчивое к смене СУБД
  +
'''Агрегатные и оконные функции'''
  +
* Агрегатные функции
  +
* Обобщенные табличные выражения
  +
* Оконные функции
  +
'''Древовидные структуры и рекурсивные запросы'''
  +
* Списки смежности и рекурсивные запросы
  +
* Структурные метки
  +
* Нумерации вершин и вложенные множества
  +
* Сравнение производительности разных схем хранения дерева
  +
'''Совместный доступ к данным'''
  +
* ACID транзакции
  +
* Чтение неподтвержденных и подтвержденных данных
  +
* Повторяемое чтение
  +
* Сериализуемые транзакции
  +
* Что делать, если транзакции не поддерживаются
  +
'''Оптимизация выполнения запросов'''
  +
* Жизнь запроса
  +
* Важно ли, как записан запрос?
  +
* Индексы
  +
* Материализация и избыточная информация
  +
'''Нереляционные возможности'''
  +
* Введение. SQL или NoSQL, вот в чем вопрос.
  +
* Хранение и обработка данных в формате JSON
  +
* Работа с парами ключ-значение
  +
* Шардирование данных
  +
|}
  +
<!-- Formating do not touch -->
  +
|style="text-align:center;"|
  +
[[Stepik]] / [[CSC]]
  +
|style="text-align:center;"|
  +
[[Материалы для старшей школы и студентов| Старшая школа и студенты]]
  +
|style="text-align:center;"|
  +
6 часов видео, 50 тестов
  +
<!-- ****************************** -->
  +
<!-- Table ending - do not touch -->
  +
|}
  +
<!-- ****************************** -->

Текущая версия на 20:24, 25 марта 2020

HTML, CSS и JavaScript

HTML, CSS и JavaScript
Название курса Источник / Организация Возраст Длина курса

Stepik / ITC

Любой

50 уроков

Coursera / МФТИ и Яндекс

Любой

20 часов на выполнение

Coursera / МФТИ и Яндекс

Любой

27 часов на выполнение

Coursera / МФТИ и Яндекс

Любой

24 часов на выполнение

Coursera / МФТИ и Яндекс

Любой

17 часов на выполнение

Coursera / МФТИ и Яндекс

Старшая школа и студенты

6 часов на выполнение

Stepik

Любой

17 уроков

Stepik / mail.ru

Любой

18 часов видео, 100 тестов

PHP

Go

Go
Название курса Источник / Организация Возраст Длина курса

Stepik

Любой

20 уроков

Coursera / МФТИ и mail.ru

Любой

20 часов на выполнение

Coursera / МФТИ и mail.ru

Любой

14 часов на выполнение

Python for web

Python for web
Название курса Источник / Организация Возраст Длина курса

Coursera / МФТИ и mail.ru

Любой

68 часов на выполнение

Базы данных

Базы данных
Название курса Источник / Организация Возраст Длина курса

Stepik

Любой

7 часов видео, 100 тестов

Stepik и Coursera / СПБГУ

Старшая школа и студенты

5 часов видео, 100 тестов

Stepik / CSC

Старшая школа и студенты

6 часов видео, 50 тестов

Источник — https://do.kruzhok.org/index.php?title=Web-разработка&oldid=1719