Для кого підійде курс 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]
Завдання.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]
https://privatelink.de/?https://glo-academy.ru/web-start/