онлайн курси | самостійне навчання
Навчайся самостійно у зручному для тебе форматі
без домашніх завдань та незручного розкладу уроків

Онлайн курс Frontend Base

Зміст курсу
Кількість уроків

50 відео-уроків

Тривалість

10 годин 20 хвилин

Мова:

російська

Субтитри:

українська

Що входить до курсу

Про курс

На даному курсі ти вивчиш сучасні методи верстки адаптивних сайтів за допомогою HTML та CSS, а також отримаєш базові знання з JavaScript.

Ти навчишся писати адаптивні веб-сторінки з використанням HTML, CSS, вивчиш основи Javascript. Опануєш систему контролю версій git і роботу в команді. По закінченню курсу ти зможеш претендувати на спеціальність верстальника.

Для кого цей курс

Для курсу не потрібні база IT знань, технічні навички чи знання язиків програмування. Якщо ти хочеш освоїти професію верстальника з 0, цей курс тобі ідеально підходить.

Як проходить навчання

  • Курс складається з 50 відео-уроків тривалістю 10-20 хвилин для самостійного вивчення та самоперевірки за допомогою тестів.
  • Відео-уроки розташовані на LMS, доступ до якої студент отримує після оплати.
  • З моменту оплати курсу, студент отримує доступ до всіх уроків на 6 місяців.
  • Подовжити курс можна за спеціальною програмою пролонгаціі доступу до LMS для наших студентів.
  • Після проходження уроку студент отримує доступ до наступного уроку і може відслідковувати свій прогрес у особистому кабінеті.
  • До кожного модулю курсу додаються тести та додаткові матеріали/посилання для самостійного вивчення.
  • Після закінчення курсу студент проходить загальний тест з опанування матеріалу. За умови отримання достанього балу за правильні відповіді (не меньше 80%) студент отримує Сертифікат про закінчення курсу.
  • Незалежно від того, як швидко студент закінчить курс, доступ до матеріалів зберігається на весь період діі покупки (6 міс).

Програма курсу Frontend Base

Урок 01. Введення | 4:04
Урок 02. Налаштування середовища розробника, вибір редактора коду | 7:43
Урок 03. Що таке HTML? Структура елементів HTML | 5:47
Урок 04. Метадані | 13:02
Урок 05. Основи редагування тексту: Назви, параграфи. Списки | 19:19
Урок 06. Створення гіперпосилань. Абсолютні та відносні URL | 13:22
Урок 07. Структура елементів веб-сайту | 7:43
Урок 08. Термінові, блокові елементи | 4:41

Урок 09. Верстка Резюме. Базовий шаблон | 15:54
Урок 10. Робота із зображеннями | 8:01
Урок 11. Верстка Резюме. Додаємо фото та векторні зображення | 7:12

Урок 12. Робота з таблицями, як створюються сучасні таблиці | 13:25
Урок 13. Робота з формами | 8:37

Урок 14. Навіщо CSS? Синтаксис у CSS | 6:38
Урок 15. Веб-шрифти | 11:09
Урок 16. Стилізація тексту, списків, посилань | 8:08
Урок 17. Селектори, типи селекторів. Комбінатори | 7:16
Урок 18. Додавання CSS у Резюме. Підключення шрифтів | 12:52

Урок 19. Каскадність та успадкування | 8:47
Урок 20. Псевдокласи та псевдоелементи | 6:20
Урок 21. Блокова модель документа | 6:26
Урок 22. Розміщення елементів на сторінці | 15:06
Урок 23. Flexbox – як один із сучасних форматів блокової верстки | 6:52
Урок 24. Верстка резюме Додавання стилів | 33:05
Урок 25. Стилізація зображень. Фонові зображення | 9:19
Урок 26. Верстаємо картку товару | 20:07
Урок 27. Препроцесори та постпроцесори – для чого вони необхідні і як спрощують стилізацію | 10:02
Урок 28. Верстаємо форму відправлення | 36:40
Урок 29. Властивості CSS для анімації | 11:03
Урок 30. Grid Layout | 11:03
Урок 31. Верстаємо галерею товарів | 8:20
Урок 32. Media queries – адаптація сайтів до всіх видів екранів | 7:57
Урок 33. Верстка адаптивного меню | 20:24
Урок 34. Figma, Zeplin, Avocado вилучення необхідних стилів | 5:43

Урок 35. Практичне заняття, верстаємо просту сторінку (1 частина) | 17:01
Урок 36. Практичне заняття, верстаємо просту сторінку (2 частина) | 35:09
Урок 37. Практичне заняття, верстаємо просту сторінку (3 частина) | 75:53

Урок 38. Оптимізація верстки. Розбір питань та ситуацій | 13:50
Урок 39. Система контролю версій git | 7:49
Урок 40. Поглиблений аналіз git підключаємо локальний git до github | 7:44

Урок 41. Javascript – введення в мову | 7:41
Урок 42. Робота зі змінними, відмінності let, const, var | 6:02
Урок 43. Типи даних (1 частина) | 4:22
Урок 43. Типи даних (2 частина) | 5:16
Урок 44. Оператори | 6:01
Урок 45. Числа Рядки | 6:36
Урок 46. Умовні інструкції | 6:29
Урок 47. Цикли | 4:26
Урок 48. Функції Javascript, види оголошення функцій, їх аргументи | 6:01
Урок 49. Робота з масивами, для чого вони потрібні, методи перебору та сортування масивів | 17:03
Урок 50. Об’єкти, робота з об’єктами | 14:02

Отримати консультацію по Бібліотеці

Натискаючи на кнопку, я погоджуюсь на обробку персональних даних

демо-урок з курсу

Відправлено!

Посилання на демо-урок надіслано на e-mail, який ви вказали у формі.

Хочу купити курс у розстрочку

Надішліть нам ваші контакти і наш менеджер передзвонить вам, щоб відповісти на всі питання про навчання у нашій Академії1

Натискаючи на кнопку я погоджуюсь з політикою конфіденційності