Вітаємо!
Друзі, сьогодні ми підготували для вас вибірку найкращих вебінарів від ITVDN за напрямком FrontEnd. До рейтингу були включені як пізнавальні вебінари з актуальною інформацією, так і вебінари прикладного характеру, які мають на меті вдосконалення ваших навичок написання коду. Давайте приступимо до їх розгляду.
Автор – Тисячний Влад, Middle React.js / React Native Developer.
FrontEnd Developer – це розробник, який створює клієнтську сторону веб-сайтів. Ваші улюблені сервіси – соціальні мережі, відеохостинги, інтернет-магазини, – будь-який інтернет-продукт необхідно піднести користувачеві в привабливому та зручному для нього вигляді. В такій задачі не обійтися без фронтенд спеціаліста.
Які вимоги висувають роботодавці до FrontEnd-розробника? Що потрібно знати та вміти, з чого почати та як краще спланувати навчання? На вебінарі ви отримаєте відповіді на всі питання, що вас цікавлять, і складете цілісне уявлення щодо професії FrontEnd розробника.
Авторка – Ткаченко Анастасія, FrontEnd Developer.
Flexbox та Grid – технології, які широко використовуються у верстанні сайтів та суттєво спрощують реалізацію їх адаптивності. Що вони являють собою?
- CSS Flexbox (Flexible Box Layout Module) – модель макету гнучкого контейнера – є способом компонування елементів, в основі лежить ідея осі. Flexbox складається з гнучкого контейнера (flex container) та гнучких елементів (flex items). Гнучкі елементи можуть вишиковуватися в рядок або стовпчик, а вільний простір, що залишився, розподіляється між ними різними способами.
- CSS Grid Layout – система двомірного макету, оптимізованого для дизайну користувацького інтерфейсу. Головна ідея, що лежить в основі макету сітки, полягає у розподілі веб-сторінки на стовпці та рядки. У області сітки, що утворилася, можна поміщати елементи сітки, а керувати їх розмірами і розташуванням можна за допомогою спеціальних властивостей модуля.
У ході вебінару були продемонстровані можливості цих технологій та переваги їхньої комбінації на практиці (у якому разі яку технологію варто використовувати) для створення адаптивних сторінок.
Автор – Ростислав Силівейстр, FrontEnd Developer.
Чудовий вебінар, який підійде навіть тим, хто має нульовий рівень знання JavaScript. Навчання програмуванню шляхом реалізації культової гри Тетріс – це той самий випадок, коли ви поєднуєте приємне з корисним, а результати можуть бути гордо представлені своїм знайомим, друзям і родичам.
Кожна частина вебінару зачіпає визначені автором теми:
- Перша частина включає постановку завдання, ознайомлення з правилами гри, реалізацію поля, падіння і переміщення фігур в сторони.
- Друга частина спрямована на реалізацію обертання фігур, прискорення їх падіння, зникнення заповнених рядів, нарахування очок, переходу до наступного рівня, і навіть базові ігрові опції (старт, пауза, почати заново, game over).
- Третя частина є останньою — відбувається тестування та виправлення недоліків, оптимізація коду та підбиття підсумків.
Після старанного вивчення всіх трьох частин вебінару та завзятої практики ви навчитеся:
- розбиратися у структурах, типах даних, функціях JavaScript;
- роботі з DOM у JavaScript;
- роботі із засобами HTML/CSS для розміщення елементів на сторінці;
- систематичному підходу до вирішення завдань, тримаючи в увазі всі деталі;
- розумінню логіки створення ігор;
- розумінню основ алгоритмів.
Автор – Ярослав Вовченко, FrontEnd Developer.
Щоб почати писати мовою JavaScript, не обов'язково одразу заглиблюватися у вивчення документації. На прикладі написання простої Memory Game ви дізнаєтеся, як обирати елементи в DOM, проходити по спискам та масивам, додавати, прибирати елементи та “слухачі дій”.
На вебінарі ви разом з автором поринете у практичне розроблення на JavaScript. Для цього необхідно мати базові знання HTML, CSS та JavaScript.
Вебінар організований наступним чином:
- Створення структури проєкту, написання перших файлів.
- Розмітка та стилізація ігрового поля за допомогою HTML та CSS.
- Основи роботи з перспективою у CSS.
- Збереження та порівняння обраних карток.
- Написання додаткового функціоналу.
- Підсумки, запитання та відповіді.
Цей вебінар буде цікавий тим, хто хоче вивчити основи JavaScript у легкій та доступній формі без багатогодинного читання документації.
Автор – Георгій Клюковкін, Lead Software Engineer.
Це відео допоможе вам зрозуміти, у чому відмінність ООП підходу до розробки в мультипарадигменній мові JavaScript від ООП підходу в класичних об'єктно-орієнтованих мовах, як, наприклад, Java. Ви дізнаєтеся, які плюси та мінуси має ООП в JavaScript, а також, які правила ООП ми можемо в ньому застосовувати.
Автор торкається наступних тем:
- Основні принципи ООП.
- Наслідування vs Композиція.
- Об'єктно-прототипне наслідування у JS.
- Функції-конструктори та класи.
- Single responsibility principle.
Вебінар буде корисний розробникам-початківцям JavaScript, або тим, хто працює в іншому напрямку і при цьому бажає розібратися в особливостях ООП на JavaScript.
Відео курси за схожою тематикою:
Автор – Тисячний Влад, Middle React.js / React Native Developer.
Якщо Ви розробник-початківець і хочете розібратися в тому, наскільки глибоко потрібно вникати у вивчення алгоритмів і структур даних, як часто і які алгоритми потрібно буде використовувати в роботі, хочете зрозуміти, як від правильного вибору алгоритму залежить швидкість роботи сайту, а також дізнатися, як оптимальність алгоритму впливає на швидкість завантаження інформації на сайті — тоді цей вебінар для Вас.
У ньому розглядаються такі теми:
- Що таке алгоритми та структури даних.
- Як правильно рахувати складність алгоритму.
- Чи потрібно знати всі алгоритми і як це впливає на ваш гаманець (приклади реального життя).
- 5 найважливіших алгоритмів.
- Практика написання алгоритмів сортування.
- Відповіді на питання.
- Підготовка до співбесіди з JavaScript у 2021 році.
Автор – Дмитро Мойсеєв, Software Engineer at EPAM Systems.
У вебінарі порушуються основні питання на співбесіді з JavaScript, які викликають найбільше нерозуміння, особливо у тих, хто перейшов з іншої мови програмування, а також у тих, хто не знайомий з його складними частинами, такими як замикання, прототипне наслідування та особливості асинхронного виконання коду.
Автор торкається наступних тем:
- Типи даних та їх перетворення.
- Області видимості та замикання.
- Прототипне наслідування.
- Асинхронне виконання коду.
- Відповіді на запитання учасників вебінару.
Даний вебінар буде цікавий тим, хто планує проходити співбесіду на позицію FrontEnd розробника на рівень Junior або Middle Developer. Початківцям він не підійде, тому що в вебінарі не розглядатимуться основи мови, а лише її “гострі кути”.
8. React та Redux на прикладі реального додатку.
Автор – Олександр Краковський, Software Engineer at EPAM.
Даний вебінар допоможе вам на реальному прикладі розібрати, як взаємодіють та працюють сучасні інструменти розробки – React та Redux. Ви зможете написати свій додаток, який буде працювати з реальним API.
У ході реалізації програми будуть виконані наступні пункти:
- Встановлення залежностей, налаштування проєкту.
- Створення базових компонентів та підключення Redux.
- Налаштування залежностей для роботи із запитами до сервера.
- Створення запитів та оброблення даних через Redux.
- Запуск програми, виправлення помилок.
- Аналіз виконаної роботи.
9. Створення першого проєкту на Angular
Автор – Генріх Коваленко, FrontEnd Developer.
У цьому вебінарі ви познайомитеся зі структурою та компонентами фреймворку Angular, а також створите перший проєкт із використанням Angular CLI.
На вебінарі розглядаються наступні теми:
- Що таке Angular і в чому його відмінність від інших популярних фреймворків та бібліотек.
- Angular CLI, його встановлення та використання у створенні першого проєкту.
- У чому призначення компонентів та як їх застосувати для зручності підтримки коду надалі.
- Обслуговування Angular.
- Модулі.
- Пайпи та їх застосування, створення своїх пайпів.
- Директиви *ngFor та *ngIf.
- Підсумки. Запитання, відповіді.
Даний вебінар буде цікавий тим, хто володіє мовою 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!
Статті за схожою тематикою
