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

Материал из Кружковое движение
Перейти к навигации Перейти к поиску
(Новая страница: «==HTML, CSS и JavaScript== ==PHP== ==Go== ==Python for web== ==Базы данных==»)
 
Строка 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==

Версия 23:29, 23 марта 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

Python for web

Базы данных

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