Здравствуйте!
Друзья, сегодня мы подготовили для вас подборку лучших вебинаров от 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 в легкой и доступной форме без многочасового чтения документации.
5. Объектно-ориентированное программирование в JavaScript | ООП в JavaScript
Автор — Георгий Клюковкин, Lead Software Engineer.
Это видео поможет вам понять, в чем отличие ООП подхода к разработке в мультипарадигменном языке JavaScript от ООП подхода в классических объектно-ориентированных языках, как, например, Java. Вы узнаете, какими плюсами и минусами обладает ООП в JavaScript, а также, какие правила ООП мы можем в нём применять.
Автор затрагивает следующие темы:
- Главные принципы ООП.
- Наследование vs Композиция.
- Объектно-прототипное наследование в JS.
- Функции-конструкторы и классы.
- Single responsibility principle.
Вебинар будет полезен начинающим JavaScript разработчикам, либо тем, кто работает в другом направлении и при этом желает разобраться в особенностях ООП на JavaScript.
Видео курсы по схожей тематике:
6. Пять обязательных алгоритмов для JavaScript разработчика.
Автор — Тысячный Влад, Middle React.js / React Native Developer.
Если Вы начинающий JavaScript разработчик и хотите разобраться в том, насколько глубоко нужно вникать в изучение алгоритмов и структур данных, как часто и какие алгоритмы нужно будет использовать в работе, хотите понять, как от правильного выбора алгоритма зависит скорость работы сайта, а также узнать, как оптимальность алгоритма влияет на скорость загрузки информации на сайте — тогда этот вебинар для Вас.
В нем рассматриваются следующие темы:
- Что такое алгоритмы и структуры данных.
- Как правильно считать сложность алгоритма.
- Нужно ли знать все алгоритмы и как это влияет на ваш кошелёк (примеры из реальной жизни).
- 5 самых важных алгоритмов.
- Практика написания алгоритмов сортировок.
- Ответы на вопросы.
7. Подготовка к собеседованию по 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!
Статьи по схожей тематике
