Фронтенд веб-розробник

Ласкаво просимо до нашого навчального шляху веб-розробника!

Ми представяємо вам структурований курс, який навчить вас усьому, що вам потрібно знати, аби стати передовим веб-розробником. Просто працюйте над кожним розділом, опановуючи нові або вдосконалюючи існуючі навички, рухаючись далі. Кожен розділ містить практичні завдання та оцінювання, щоб перевірити своє розуміння, перш ніж рухатися вперед.

Охоплена тематика

Досліджувані теми:

  • Основні налаштування та як правильно вчитися
  • Веб-стандарти та найкращі практики (наприклад, доступність та сумісність між браузерами)
  • HTML. Мова, що надає структуру та зміст веб-контенту
  • CSS. Мова, що використовується для стилізації веб-сторінок
  • JavaScript. Мова сценаріїв, що використовується для створення динамічної функціональності в Інтернеті.
  • Інструменти, які використовуються для сприяння сучасній розробці веб-сторінок на стороні клієнта.

Ви можете працювати з розділами по порядку, проте кожен з них також є самостійним. Наприклад, якщо ви вже знаєте HTML, ви можете перейти до розділу CSS.

Передумови

Щоб почати цей курс, вам не потрібні попередні знання. Все, що вам потрібно, це комп’ютер, що може працювати із сучасними веб-браузерами, підключення до Інтернету та готовність вчитися.

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

Отримання допомоги

Ми намагалися зробити навчання фронт-енд веб-розробці якомога комфортним, але ви, ймовірно, все ж таки десь застрягнете, тому що чогось не розумієте або якийсь код просто не працює.

Не панікуйте. Ми всі застрягаємо, не зважаючи на те - ми початківці чи ми професійні веб-розробники. Стаття Навчання та отримання допомоги пропонує вам низку порад щодо пошуку інформації та надання допомоги самому собі. Якщо ви все ще не зрушили з мертвої точки, сміливо розміщуйте питання на нашому Дискурсному форумі.

Нумо починати. Щасти!

Шлях навчання

Початок

Час на виконання: 1,5–2 години

Передумови

Нічого, крім базової комп'ютерної грамотності.

Як мені дізнатися, що я можу рухатися далі?

В цій частині курсу немає оцінювання, проте не пропускайте її. Важливо, щоб ви налаштувались і були готові виконувати практичні завдання пізніше в процесі.

Посібники

Семантика та структура за допомогою HTML

Час на виконання: 35–50 годин

Передумови

Нічого, крім базової комп'ютерної грамотності та базового середовища для веб-розробки.

Як мені дізнатися, що я можу рухатися далі?

Оцінювання в кожному модулі розроблено для перевірки вашого знання теми. Вдалий результат оцінювання підтверджує, що ви готові перейти до наступного модуля.

Модулі

Стилізація та розмітка за допомогою CSS

Час на виконання: 90–120 гоодин

Передумови

Перед початком вивчення CSS рекомендується мати базові знання з HTML. Спершу слід вивчити Вступ до HTML.

Як мені дізнатися, що я можу рухатися далі?

Оцінювання в кожному модулі розроблено для перевірки вашого знання теми. Вдалий результат оцінювання підтверджує, що ви готові перейти до наступного модуля.

Модулі

Додаткові ресурси

Інтерактивність за допомогою JavaScript

Час на виконання: 135–185 годин

Передумови

Перед початком вивчення JavaScript рекомендується мати базові знання з HTML. Спершу слід вивчити Вступ до HTML.

Як мені дізнатися, що я можу рухатися далі?

Оцінювання в кожному модулі розроблено для перевірки вашого знання теми. Вдалий результат оцінювання підтверджує, що ви готові перейти до наступного модуля.

Модулі

Веб-форми — Робота з даними користувача

Час на виконання: 40–50 годин

Передумови

Вивчення форм вимагає знання з HTML, CSS та JavaScript. Враховуючи складність роботи з формами, це спеціальна тема.

Як мені дізнатися, що я можу рухатися далі?

Оцінювання в кожному модулі розроблено для перевірки вашого знання теми. Вдалий результат оцінювання підтверджує, що ви готові перейти до наступного модуля.

Модулі

Роблячи Інтернет доступним для кожного

Час на виконання: 60–75 годин

Передумови

Перед роботою з цим розділом було б незайвим знати HTML, CSS та JavaScript. Багато методів та найкращих практик стосуються декількох технологій.

Як мені дізнатися, що я можу рухатися далі?

Оцінювання в кожному модулі розроблено для перевірки вашого знання теми. Вдалий результат оцінювання підтверджує, що ви готові перейти до наступного модуля.

Модулі

Сучасний інструментарій

Час на виконання: 55–90 годин

Передумови

Перед роботою з цим розділом було б незайвим знати HTML, CSS та JavaScript, оскільки інструменти, що тут обговорюються, працюють вкупі із багатьма з цих технологій.

Як мені дізнатися, що я можу рухатися далі?

У цьому наборі модулів немає конкретних статей з оцінюванням. Навчальні посібники з прикладами в кінці другого та третього модулів готують вас до розуміння основ сучасного інструментарію.

Модулі