ТОП-10 найкращих відео з FrontEnd - Блог ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

    Обери свою IT спеціальність

    Почати безкоштовно

    Обери свою IT спеціальність

    Почати безкоштовно

      ТОП-10 найкращих відео з FrontEnd

      Live Online Java Free 4 Ukraine

      Вітаємо!

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

      1. Як стати FrontEnd розробником? Покрокова інструкція для початківців

      Автор – Тисячний Влад, Middle React.js / React Native Developer.

      FrontEnd Developer – це розробник, який створює клієнтську сторону веб-сайтів. Ваші улюблені сервіси – соціальні мережі, відеохостинги, інтернет-магазини, – будь-який інтернет-продукт необхідно піднести користувачеві в привабливому та зручному для нього вигляді. В такій задачі не обійтися без фронтенд спеціаліста.

      Які вимоги висувають роботодавці до FrontEnd-розробника? Що потрібно знати та вміти, з чого почати та як краще спланувати навчання? На вебінарі ви отримаєте відповіді на всі питання, що вас цікавлять, і складете цілісне уявлення щодо професії FrontEnd розробника.

      1. Адаптивне верстання на FlexBox та Grid

      Авторка – Ткаченко Анастасія, FrontEnd Developer.

      Flexbox та Grid – технології, які широко використовуються у верстанні сайтів та суттєво спрощують реалізацію їх адаптивності. Що вони являють собою?

      • CSS Flexbox (Flexible Box Layout Module) – модель макету гнучкого контейнера – є способом компонування елементів, в основі лежить ідея осі. Flexbox складається з гнучкого контейнера (flex container) та гнучких елементів (flex items). Гнучкі елементи можуть вишиковуватися в рядок або стовпчик, а вільний простір, що залишився, розподіляється між ними різними способами.
      • CSS Grid Layout – система двомірного макету, оптимізованого для дизайну користувацького інтерфейсу. Головна ідея, що лежить в основі макету сітки, полягає у розподілі веб-сторінки на стовпці та рядки. У області сітки, що утворилася, можна поміщати елементи сітки, а керувати їх розмірами і розташуванням можна за допомогою спеціальних властивостей модуля.

      У ході вебінару були продемонстровані можливості цих технологій та переваги їхньої комбінації на практиці (у якому разі яку технологію варто використовувати) для створення адаптивних сторінок.

      1. Створення гри Тетріс на JavaScript | Частина 1, 2, 3

      Автор – Ростислав Силівейстр, FrontEnd Developer.

      Чудовий вебінар, який підійде навіть тим, хто має нульовий рівень знання JavaScript. Навчання програмуванню шляхом реалізації культової гри Тетріс – це той самий випадок, коли ви поєднуєте приємне з корисним, а результати можуть бути гордо представлені своїм знайомим, друзям і родичам.

      Кожна частина вебінару зачіпає визначені автором теми:

      • Перша частина включає постановку завдання, ознайомлення з правилами гри, реалізацію поля, падіння і переміщення фігур в сторони.
      • Друга частина спрямована на реалізацію обертання фігур, прискорення їх падіння, зникнення заповнених рядів, нарахування очок, переходу до наступного рівня, і навіть базові ігрові опції (старт, пауза, почати заново, game over).
      • Третя частина є останньою — відбувається тестування та виправлення недоліків, оптимізація коду та підбиття підсумків.

      Після старанного вивчення всіх трьох частин вебінару та завзятої практики ви навчитеся:

      • розбиратися у структурах, типах даних, функціях JavaScript;
      • роботі з DOM у JavaScript;
      • роботі із засобами HTML/CSS для розміщення елементів на сторінці;
      • систематичному підходу до вирішення завдань, тримаючи в увазі всі деталі;
      • розумінню логіки створення ігор;
      • розумінню основ алгоритмів.
      1. Memory Game на JavaScript за 2 години

      Автор – Ярослав Вовченко, FrontEnd Developer.

      Щоб почати писати мовою JavaScript, не обов'язково одразу заглиблюватися у вивчення документації. На прикладі написання простої Memory Game ви дізнаєтеся, як обирати елементи в DOM, проходити по спискам та масивам, додавати, прибирати елементи та “слухачі дій”.

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

      Вебінар організований наступним чином:

      1. Створення структури проєкту, написання перших файлів.
      2. Розмітка та стилізація ігрового поля за допомогою HTML та CSS.
      3. Основи роботи з перспективою у CSS.
      4. Збереження та порівняння обраних карток.
      5. Написання додаткового функціоналу.
      6. Підсумки, запитання та відповіді.

      Цей вебінар буде цікавий тим, хто хоче вивчити основи JavaScript у легкій та доступній формі без багатогодинного читання документації.

      1. Об'єктно-орієнтоване програмування JavaScript | ООП у JavaScript

      Автор – Георгій Клюковкін, Lead Software Engineer.

      Це відео допоможе вам зрозуміти, у чому відмінність ООП підходу до розробки в мультипарадигменній мові JavaScript від ООП підходу в класичних об'єктно-орієнтованих мовах, як, наприклад, Java. Ви дізнаєтеся, які плюси та мінуси має ООП в JavaScript, а також, які правила ООП ми можемо в ньому застосовувати.

      Автор торкається наступних тем:

      1. Основні принципи ООП.
      2. Наслідування vs Композиція.
      3. Об'єктно-прототипне наслідування у JS.
      4. Функції-конструктори та класи.
      5. Single responsibility principle.

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

      1. П'ять обов'язкових алгоритмів JavaScript розробника.

      Автор – Тисячний Влад, Middle React.js / React Native Developer.

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

      У ньому розглядаються такі теми:

      1. Що таке алгоритми та структури даних.
      2. Як правильно рахувати складність алгоритму.
      3. Чи потрібно знати всі алгоритми і як це впливає на ваш гаманець (приклади реального життя).
      4. 5 найважливіших алгоритмів.
      5. Практика написання алгоритмів сортування.
      6. Відповіді на питання.
         
      7. Підготовка до співбесіди з JavaScript у 2021 році.

      Автор – Дмитро Мойсеєв, Software Engineer at EPAM Systems.

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

      Автор торкається наступних тем:

      1. Типи даних та їх перетворення.
      2. Області видимості та замикання.
      3. Прототипне наслідування.
      4. Асинхронне виконання коду.
      5. Відповіді на запитання учасників вебінару.

      Даний вебінар буде цікавий тим, хто планує проходити співбесіду на позицію FrontEnd розробника на рівень Junior або Middle Developer. Початківцям він не підійде, тому що в вебінарі не розглядатимуться основи мови, а лише її “гострі кути”.

      8. React та Redux на прикладі реального додатку.

      Автор – Олександр Краковський, Software Engineer at EPAM.

      Даний вебінар допоможе вам на реальному прикладі розібрати, як взаємодіють та працюють сучасні інструменти розробки – React та Redux. Ви зможете написати свій додаток, який буде працювати з реальним API.

      У ході реалізації програми будуть виконані наступні пункти:

      1. Встановлення залежностей, налаштування проєкту.
      2. Створення базових компонентів та підключення Redux.
      3. Налаштування залежностей для роботи із запитами до сервера.
      4. Створення запитів та оброблення даних через Redux.
      5. Запуск програми, виправлення помилок.
      6. Аналіз виконаної роботи.

      9. Створення першого проєкту на Angular

      Автор – Генріх Коваленко, FrontEnd Developer.

      У цьому вебінарі ви познайомитеся зі структурою та компонентами фреймворку Angular, а також створите перший проєкт із використанням Angular CLI.

      На вебінарі розглядаються наступні теми:

      1. Що таке Angular і в чому його відмінність від інших популярних фреймворків та бібліотек.
      2. Angular CLI, його встановлення та використання у створенні першого проєкту.
      3. У чому призначення компонентів та як їх застосувати для зручності підтримки коду надалі.
      4. Обслуговування Angular.
      5. Модулі.
      6. Пайпи та їх застосування, створення своїх пайпів.
      7. Директиви *ngFor та *ngIf.
      8. Підсумки. Запитання, відповіді.

      Даний вебінар буде цікавий тим, хто володіє мовою JavaScript на базовому рівні і хоче познайомитися з Angular для подальшої роботи з даним фреймворком.

      10. Як стати React розробником

      Автор – Олег Мельничук, Full Stack JS Developer.

      React — бібліотека JavaScript, яка впевнено тримає позиції у світі веб-розроблення поруч із найпопулярнішими фреймворками. На вебінарі піднімається історія виникнення React.js, після чого йде порівняння з іншими популярними веб-технологіями.

      Автор розповідає, чому React – це гарний вибір для входу до FrontEnd. Ви дізнаєтесь, наскільки потрібний чистий JS і чи можна відразу вивчати React. Буде детально розібраний Roadmap React розробника: що можна пропустити на перших етапах, що краще вивчити детально, а на що не варто витрачати сили. Також, автор надає перелік знань та навичок, з якими можна знайти першу роботу у якості React Developer`a.

      Буде порушено питання подальшого розвитку – як із Frontend розробника на React можна стати Full Stack або Mobile розробником.

      Цей вебінар буде цікавий Frontend розробникам-початківцям, а також веб-розробникам, які планують перейти на React або вивчити його як додаткову технологію.

      Вивчайте FrontEnd розробку на ITVDN!

      КОМЕНТАРІ ТА ОБГОВОРЕННЯ
      Live Online Java Free 4 Ukraine

      Пакети підписки з доступом до всіх курсів та сервісів

      Стартовий
      • Усі відеокурси на 3 місяці
      • Тестування з 10 курсів
      • Перевірка 5 домашніх завдань
      • Консультація з тренером 30 хв
      Базовий
      • Усі відеокурси на 6 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      Преміум
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.