556
правок
Изменения
Перейти к навигации
Перейти к поиску
→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==
