​

Для кого подойдет курс WEB START
Курс рассчитан на людей только входящих в профессию или решивших освоить что-то новое. Специфических знаний не потребуется, но будет проще, если перед курсом ты посетишь наши подготовительные мероприятия.

Программа курса WEB START
Модуль №1 - Погружение в тему. Изучение основ HTML и CSS.
Модуль №2 - Работа с первым проектом.
Модуль №3 - Полноценная практика.
Модуль №4 - Первые деньги на веб-разработке.

Готов к реальным заказам?
На курсе ты освоишь основы веб-разработки, соберёшь своё портфолио и научишься составлять резюме для поиска работы.
34 урока - 60 домашек - 1000 строк кода - 6 недель обучения

Формат обучения
Ты сможешь обучаться там где удобно, и когда тебе удобно!
30 уроков - обучайся в удобное для тебя время
30 заданий - с проверкой и обратной связью
30 заданий - углубленного уровня для тех, кто хочет получить от курса максимум

Тариф "Все сам"
Доступ к видео-урокам
Общий чат с участниками
Еженедельный стрим с автором курса
Возможность попасть в закрытую дипломную группу
Защита дипломной работы

Спойлер: Содержимое складчины (файлы и папки)

01 Этапы создания сайтов
Задание.txt [1k 303]
Полезные ссылки.txt [238]
Этапы разработки сайтов 1.jpg [84k 1]
Этапы разработки сайтов 2.jpg [206k 423]
Этапы создания сайтов.jpg [105k 234]
Этапы создания сайтов.mp4 [242m 516k 712]

02 Работа с графикой
1 Часть 1. Введение.mp4 [64m 316k 83]
2 Часть 2. Работа в Photoshop.mp4 [107m 83k 848]
3 Работа в Avocode.mp4 [143m 709k 533]
ДЗ по графике.psd [4m 18k 180]
ЗАДАНИЕ.txt [2k 14]
Полезные ссылки.txt [448]

02.1 Первая встреча на курсе. Прямая трансляция
Стартовая трансляция на курсе Веб-старт. 2-й поток. Академия вёрстки.mp4 [253m 888k 162]

03 Настройка рабочего проекта
1 Настройка проекта.mp4 [16m 521k 192]
2 Хостинг и домен. Публикация сайта.mp4 [43m 283k 964]
3 GitHub Pages.mp4 [31m 524k 811]
Задание .txt [439]
Полезные ссылки.txt [273]

03.1 Итоги вводной недели
Еженедельная прямая трансляция с ответами на вопросы. Курс веб-старт.mp4 [294m 913k 558]

04 Основы HTML
1 Основы HTML.mp4 [157m 550k 422]
Дополнительная информация.txt [557]
Задание.txt [2k 128]
Урок 4 (домашка).docx [14k 936]

доп. материалы
Атрибуты в HTML HTML для самых маленьких 6.mp4 [19m 540k 77]
Изображения в HTML HTML для самых маленьких 4.mp4 [21m 800k 456]
Семантические теги в HTML HTML для самых маленьких 7.mp4 [23m 382k 458]
Ссылки в HTML HTML для самых маленьких 3.mp4 [51m 492k 290]
Структура HTML-документа HTML для самых маленьких 1.mp4 [23m 485k 278]
Таблицы в HTML HTML для самых маленьких 5.mp4 [17m 348k 319]
теги 1.pdf [76k 815]
теги 2.pdf [1m 758k 159]
Текстовые теги в HTML HTML для самых маленьких 2.mp4 [42m 491k 500]
Формы в HTML HTML для самых маленьких 8.mp4 [44m 779k 830]
Шпаргалка Правила оформления HTML.docx [26k 717]

05 Основы CSS
1 Знакомство с основами CSS.mp4 [76m 312k 373]
2 Как пользоваться devtools.mp4 [17m 642k 843]
Задание.txt [2k 312]
Правила оформления CSS.docx [31k 996]
Урок 3.txt [1k 449]
Шпаргалка 1.pdf [73k 134]
Шпаргалка 2.pdf [123k 42]

06 Блочная модель CSS
1 Блочная модель CSS.mp4 [85m 271k 254]
2 Дополнительные видео.mp4 [118m 872k 499]
3 Как центрировать в CSS How to center in CSS.mp4 [10m 518k 276]
d23d4a48a47b7bca7dfc28f8cd2fbd92.jpg [169k 845]
d23d4a48a47b7bca7dfc28f8cd2fbd92.psd [726k 343]
Дополнительные ссылки.txt [260]
Задание.txt [1k 860]

07 Flexbox CSS
1 Flexbox CSS.mp4 [61m 680k 341]
Задание.txt [1k 111]
Обязательное дз.psd [2m 382k 609]
Полезные ссылки.txt [813]
Усложненное задание.psd [8m 820k 279]
Шпаргалка.pdf [518k 412]

Дополнительное видео
2 Что умеет Flexbox CSS. Основы верстки на flex.mp4 [12m 273k 730]
3 Что еще умеет Flexbox CSS.mp4 [15m 884k 920]
4 Что делать с дочками во Flexbox.mp4 [15m 175k 152]
5 Слайдер на Flexbox.mp4 [21m 24k 839]
6 Реальная верстка на Flexbox из макета PSD.mp4 [55m 575k 153]
7 Практика верстки на флексах. Часть 2.mp4 [72m 26k 697]

08 Вёрстка макета на HTML и CSS
Вёрстка макета на HTML и CSS.mp4 [402m 224k 731]
Задание.txt [1k 15]
Макет для быстрой практики.xd [4m 426k 220]
Полезные ссылки.txt [239]

08.1 Итоги первой недели. Прямая трансляция
Еженедельная прямая трансляция с ответами на вопросы. Курс веб-старт.mp4 [423m 836k 414]

09 Библиотека Bootstrap 4
7154c6ecf8c066341e2c8b9513c5f9d3.psd [426k 323]
Библиотека Bootstrap 4.mp4 [143m 485k 979]
Дополнительные ссылки.txt [426]
Задание.txt [2k 137]
Снипеты. Доп.видео.mp4 [45m 914k 74]
Содержание.txt [648]

Сетка Bootstrap3 всех размеров

__MACOSX
._Bootstrap3-Grids [212]

Bootstrap3-Grids
._1170px.psd [212]
._1560px.psd [212]
._320px.psd [212]
._480px.psd [212]
._750px.psd [212]
._970px.psd [212]

Bootstrap3-Grids
1170px.psd [1m 134k 305]
1560px.psd [850k 613]
320px.psd [386k 182]
480px.psd [495k 365]
750px.psd [702k 623]
970px.psd [913k 466]

10 Вёрстка на Bootstrap
Вёрстка на Bootstrap.mp4 [204m 708k 655]
Задание.txt [982]
Макет для быстрой практики.xd [4m 426k 220]

11 Препроцессоры в CSS
Задание.txt [340]
Полезные ссылки.txt [736]
Препроцессоры в CSS.mp4 [103m 854k 407]
Проект homework.css.txt [1k 105]

12 Git. Подготовка к практике
Git. Подготовка к практике.mp4 [72m 245k 341]
Дополнительные ссылки и Примечание.txt [815]
Задание.txt [330]

13 Адаптивная вёрстка. Mobile First
1 Адаптивная вёрстка. Mobile First.mp4 [55m 863k 572]
2 Практика.mp4 [236m 774k 726]
3 Инструмент Pixel Checker Avocode.mp4 [5m 598k 32]
Задание.txt [1k 48]
Практический макет для вёрстки.jpg [6m 199k 795]
Практический макет для вёрстки.psd [205m 823k 447]

13.1 Итоги второй недели. Прямая трансляция
Еженедельная прямая трансляция с ответами на вопросы. Курс веб-старт.mp4 [452m 739k 643]

14 БЭМ
Видео. Часть 1. Теория.mp4 [116m 923k 528]
Видео. Часть 2. Практика.mp4 [310m 239k 412]
Дополнительные ссылки.txt [77]
Задание.txt [434]

15 Шрифты
Задание.txt [1k 39]
Полезные ссылки.txt [158]
Часть 1. Виды подключения шрифтов.mp4 [22m 408k 198]
Часть 2. Google Fonts.mp4 [32m 635k 952]
Часть 3. Конвертация шрифтов.mp4 [71m 114k 97]
Часть 4. Практика на макете.mp4 [86m 446k 180]

MuseoSansCyrl300&700
MuseoSansCyrl-300.ttf [129k 276]
MuseoSansCyrl-700.ttf [128k 336]

__MACOSX
._MuseoSansCyrl-300.ttf [465]
._MuseoSansCyrl-700.ttf [465]

16 Псевдоклассы и псевдоэлементы
Задание.txt [1k 125]
Полезные ссылки.txt [502]
Пример эффекта для input.mov [188k 201]
Формы в HTML. HTML для самых маленьких 8 (доп.видео).mp4 [44m 779k 830]
Часть 1. Псевдоклассы.mp4 [30m 828k 110]
Часть 2. Псевдоэлементы.mp4 [14m 610k 959]
Часть 3. Практика.mp4 [303m 38k 310]

17 Знакомство с JavaScript
Задание.txt [1k 173]
Полезные ссылки.txt [323]
Правила кода JS.png [86k 632]
Часть 1. Теория.mp4 [92m 798k 10]
Часть 2. Практика на макете.mp4 [74m 309k 219]

18 jQuery
jQuery за 30 минут. Учим селекторы. Часть 1.mp4 [12m 898k 78]
jQuery за 30 минут. Учим события. Часть 2.mp4 [13m 966k 569]
Задание.txt [948]
Изучаем jQuery за 30 минут. Изучаем Анимацию атрибуты и др.mp4 [34m 44k 322]
Полезные ссылки.txt [214]
Практика на макете.mp4 [28m 624k 973]
Учим jQuery за 30 минут. Начало.mp4 [18m 345k 866]

18.1 Итоги 3 недели. Прямая трансляция
Еженедельная прямая трансляция с ответами на вопросы. Курс веб-старт. Неделя 3.mp4 [641m 817k 459]

19 Слайдеры на сайте
Дополнительная информация.txt [250]
Задание.txt [796]
Слайдеры на сайте.mp4 [215m 281k 651]

20 Теория по CSS3 анимации
1 Теория по CSS3 анимации.mp4 [38m 960k 552]
2 Библиотеки с CSS3 анимацией.mp4 [117m 406k 200]
3 Практика. Верстаем блок с ценами.mp4 [178m 917k 141]
4 Практика. Анимируем макет.mp4 [74m 250k 538]
Задание.txt [1k 812]
Полезные ссылки.txt [779]

21 Валидация форм
1 Вёрстка блока с формой.mp4 [278m 258k 219]
2 Валидация формы.mp4 [146m 225k 263]
3 Валидация формы.mp4 [39m 164k 282]
Задание.txt [1k 867]
Полезные ссылки.txt [488]

22 Гео-карты на сайте
1 Яндекс.карты для сайта.mp4 [166m 843k 352]
2 Google карты на сайт.mp4 [15m 980k 992]
Задание.txt [909]
Полезные ссылки.txt [264]

23 Аналитика для сайта
Аналитика для сайта.mp4 [117m 457k 925]
Дополнительные ссылки.txt [72]
Задание.txt [841]

23.1 Ответы на вопросы. 4 неделя
Еженедельная прямая трансляция с ответами на вопросы. Курс веб-старт. Неделя 4.mp4 [370m 90k 230]

24 Тестирование и оптимизация вёрстки
1 Подготовка. Инструмент GPSI.mp4 [127m 296k 344]
2 Настройка Gulp.mp4 [228m 528k 678]
3 Валидация HTML.mp4 [32m 416k 808]
4 Кроссбраузерность.mp4 [53m 256k 341]
Задание.txt [1k 972]
Полезные ссылки.txt [1k 218]

25 Финальная встреча на курсе. Прямая трансляция
Финальная трансляция на курсе Веб-старт.mp4 [1m 184k 760]

26 jQuery AJAX (бонус)
jQuery AJAX.mp4 [86m 610k 968]
Задание.txt [1k 149]
Полезные ссылки.txt [355]

27 Введение в CSS Grid (бонус)
Index.psd [7m 475k 263]
Введение в CSS Grid.mp4 [73m 560k 489]
Задание.txt [74]
Полезные ссылки.txt [202]

28 Как продавать свои услуги (бонус)
Дополнительное инфо.txt [1k 739]
Идеальное портфолио за 3 часа.mp4 [435m 23k 662]
Как продавать свои услуги.mp4 [267m 651k 463]

29 Многостраничные сайты на PHP (бонус)
1 Многостраничные сайты на PHP.mp4 [111m 678k 136]
Задание.txt [339]

Дополнительные видео
Как отправлять заявку с сайта в Telegram через PHP скрипт.mp4 [13m 932k 607]
Как отправлять заявку с сайта на почту. SMTP скрипт отправки писем.mp4 [22m 65k 512]
Как отправлять файлы с сайта на почту. SMTP скрипт.mp4 [22m 953k 513]
Как сделать UTM на сайте через PHP. Готовый скрипт.mp4 [21m 227k 361]
Как сделать мультилендинг. PHP скрипт мультилендинга.mp4 [21m 257k 870]