Frontend розробник може легко створити сторінки вебсайту чи вебдодаток. Він відповідає за те, щоб сторінка мала гарний вигляд на різних пристроях, реалізує анімації та інші візуальні ефекти. Саме завдяки frontend розробнику ти читаєш цей текст зараз
Frontend розробник може легко створити сторінки вебсайту чи вебдодаток. Він відповідає за те, щоб сторінка мала гарний вигляд на різних пристроях, реалізує анімації та інші візуальні ефекти. Саме завдяки frontend розробнику ти читаєш цей текст зараз
Найкращім студентам курсу ми допомогаємо отримати перший офер або стажування у наших компаніях-партнерах. А також, модуль з HR-ом по підготовці до співбесіди.
ПРАКТИКА
Отримуєш досвід і навички, працюючи над реальними кейсами. За курс ти створиш pet-проект для свого першого портфоліо.
ТЕОРІЯ
Відеозаписи занять завжди доступні, можеш повернутись до них у зручний час. Також, доступ до: гайдів, чек-листів, інструкцій
ДОМАШКА
Індивідуальний підхід і зворотній зв’язок по всім питанням курсу і практики для кожного нашого студента.
СЕРТИФІКАТ
Диплом про завершення навчання, який потрібно додати у твоє CV.
Викладачі курсу
Прокачати знання вам допоможуть одразу три викладача
ОЛЕКСАНДРА РЕКАЛО
Викладач курсу
Front End розробник у Powercode Academy
Web developer, designer, IT mentor
Досвід практичної роботи близько 8 років, понад 100 реалізованих проектів
Досвід викладання основ веб розробки понад 5 років
Більше ніж 1000 студентів освоїли HTML та CSS під менторством Олександри
ЕЛЕОНОРА КОРМИШ
Викладач курсу
Front End розробник у Powercode Academy
Діючий Full-stack developer у сфері game-development
Магістр комп’ютерних наук
Основний напрямок діяльності – розробка багатофункціональних сайтів для конвертації зображень, відео та музики, обробки графічних файлів та створення графіків
Являється співавтором Сhrome-розширення для тестувальників
Основні стеки: JavaScript, jQuery, React, Vue
ВІКТОР БОЙКО
Викладач курсу
Front End розробник у Powercode Academy
Expert Full-stack developer в Infopulse 15 років стажу практичної роботи
Останні 5 років робота над проектами TietoEVRY, однієї з найбільших скандинавських ІТ компаній
Брав участь в розробці системи аудитів для норвезьких нафтогазових компаній, інтелектуальних систем моніторингу для мережі японських супермаркетів та працював на одного з найбільших виробників аудіо-відео гарнітур
Основні стеки: JavaScript, TypeScript, Node.js, Angular, React, React Native, Electron
- Front End розробник у Powercode Academy
- Web developer, designer, IT mentor
- Досвід практичної роботи близько 8 років, понад 100 реалізованих проектів
- Досвід викладання основ веб розробки понад 5 років
- Більше ніж 1000 студентів освоїли HTML та CSS під менторством Олександри
- Front End розробник у Powercode Academy
- Діючий Full-stack developer у сфері game-development
- Магістр комп’ютерних наук
- Основний напрямок діяльності – розробка багатофункціональних сайтів для конвертації зображень, відео та музики, обробки графічних файлів та створення графіків
- Являється співавтором Сhrome-розширення для тестувальників
- Основні стеки: JavaScript, jQuery, React, Vue
- Front End розробник у Powercode Academy
- Expert Full-stack developer в Infopulse 15 років стажу практичної роботи
- Останні 5 років робота над проектами TietoEVRY, однієї з найбільших скандинавських ІТ компаній
- Брав участь в розробці системи аудитів для норвезьких нафтогазових компаній, інтелектуальних систем моніторингу для мережі японських супермаркетів та працював на одного з найбільших виробників аудіо-відео гарнітур
- Основні стеки: JavaScript, TypeScript, Node.js, Angular, React, React Native, Electron
Відгуки наших студентів
Ми цінуємо відгуки наших студентів, бо це допомагає нам ставати краще
Додавання тексту та його стилізація. Гіперпосилання.
Додавання графіки. Списки.
Практика: ти створиш першу сторінку та зверстаєш свій перший header
Результат:ти вмієш створювати базові елементи вебсторінки.
Module 2
4 тижні
Практичне використання HTML і CSS
Створення таблиць. Робота з формами.
HTML 5 теги. Семантика.
Робота з ресурсами (іконки, шрифти, fontawesome).
Position. Flexbox. Grid.
Домашнє завдання.
Тести.
Практика: ти оптимізуєш зовнішній вигляд своєї сторінки та навчишся додавати візуальні елементи, які покращують взаємодію користувача з вебресурсом
Результат: ти впевнено працюєш з можливостями HTML, CSS, розумієш семантику та принципи взаємодії з ресурсами.
Module 3
4 тижні
Анімація та адаптивність веб сайтів
Grid
Анімації CSS
Адаптивність CSS (@media)
SASS (SCSS)
Bootstrap
Домашнє завдання (коротке відео)
Тести
Практика: ти будеш працювати з додаванням анімації та опануєш принципи крос-браузерної верстки.
Результат: ти вмієш налаштовувати анімацію на сайті та адаптовувати інтерфейс під параметри екранів гаджетів.
Module 4
4 тижні
Початок роботи з динамічними сторінками
Вступ до JS
Змінні. Типи даних
Тернарний та логічні оператори.
Інструкція switch.
Цикли: for, while, do…while.
Function Declaration і Function Expression.
Анонімні функції.
Функція callback.
Функції alert, prompt, confirm.
Практика: ти будеш працювати з алгоритмами JavaScript: створення функціоналу для відкривання/закривання модальних вікон; практичні приклади використання циклів; використання alert, prompt та confirm.
Результат: ти зрозумієш в чому полягає суть мови програмування JavaScript та навчишся підключати її код до власної сторінки.
Module 5
4 тижні
Цикли та об’єкт
Цикли: for, while, do..while.
Об’єкти. Методи об’єктів.
Копіювання об’єктів та посилання.
Практика: ти будеш створювати mock дані для магазину, а також розв’язувати практичні задачі з використанням методів об’єктів та масивів.
Результат: ти розумітимеш, що таке об’єкти та для чого вони використовуються.
Module 6
4 тижні
Масиви в Javascript
Вчимося створювати масиви.
Методи масивів.
Використання циклів.
Практика: ти будеш розв’язувати завдання з використанням методів об’єктів та масивів.
Результат: ти вмієш працювати з масивами та використовувати цикли.
демо-урок з курсу
Відправлено!
Посилання на демо-урок надіслано на e-mail,
який ви вказали у формі.
Хочу купити курс у розстрочку
Надішліть нам ваші контакти і наш менеджер передзвонить вам, щоб відповісти на всі питання про навчання у нашій Академії1