ТОП-10 лучших видео по FrontEnd
ITVDN: курсы программирования
Видеокурсы по
программированию

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

Начать бесплатно

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

Начать бесплатно

ТОП-10 лучших видео по FrontEnd

Python live online .NET Live Online

Здравствуйте!

Друзья, сегодня мы подготовили для вас подборку лучших вебинаров от 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 в легкой и доступной форме без многочасового чтения документации.

5. Объектно-ориентированное программирование в JavaScript | ООП в JavaScript

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

Это видео поможет вам понять, в чем отличие ООП подхода к разработке в мультипарадигменном языке JavaScript от ООП подхода в классических объектно-ориентированных языках, как, например, Java. Вы узнаете, какими плюсами и минусами обладает ООП в JavaScript, а также, какие правила ООП мы можем в нём применять.

Автор затрагивает следующие темы:

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

Вебинар будет полезен начинающим JavaScript разработчикам, либо тем, кто работает в другом направлении и при этом желает разобраться в особенностях ООП на JavaScript.

6. Пять обязательных алгоритмов для JavaScript разработчика.

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

Если Вы начинающий JavaScript разработчик и хотите разобраться в том, насколько глубоко нужно вникать в изучение алгоритмов и структур данных, как часто и какие алгоритмы нужно будет использовать в работе, хотите понять, как от правильного выбора алгоритма зависит скорость работы сайта, а также узнать, как оптимальность алгоритма влияет на скорость загрузки информации на сайте — тогда этот вебинар для Вас.

В нем рассматриваются следующие темы:

  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!

КОММЕНТАРИИ И ОБСУЖДЕНИЯ
Python live online .NET Live Online

Пакеты подписки с доступом ко всем курсам и сервисам

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