Web-страница:
Зачем веб-разработчику нужен Vue.js: интервью с Михаилом Устенко
На лайве обсудим:
- Зачем нужен Vue.js для фронтенд-разработчиков.
- Какие знания и навыки необходимы для изучения фреймворка.
- В чём преимущества и недостатки Vue.js.
- Где применяется фреймворк и почему он так популярен.

На эти и многие другие вопросы ответит Михаил Устенко — соавтор курса по Vue.js и Senior Fullstack Developer at Sennder GmbH. Поможет раскрыть тему Лёша Симоненко — директор по развитию HTML Academy.

Запишитесь на лайв, чтобы не пропустить событие. Всех участников ждёт приятный бонус от Академии и полезные материалы по теме.

Запись на лайв — https://tml.io/w1xmu

Web-страница:
☕ Как стать фуллстек-разработчиком на JavaScript в 2021 году: 25 ресурсов для начинающих
Веб-разработчикам полного цикла нужно знать намного больше, чем занимающимся только бэкендом или фронтендом программистам на JavaScript. Значит и учиться им придется значительно дольше.

Изображение

Изображение

Web-страница:
Продвинутая JWT авторизация на React и Node js. Access, refresh, активация по почте
В этом ролике мы разберем всю теорию связанную с JWT авторизацией и реализуем JWT access, refresh авторизацию на node js и react. Также реализуем подтверждение почты. Активация почты на node js.

Исходный код урока здесь ➝ https://t.me/ulbi_tv

Полезные ссылки ↓

Авторизация и роли пользователя БЫСТРЫЙ КУРС ➝ https://youtu.be/d_aJdcDq6AY
Что такое MiddleWare ➝ https://youtu.be/ax1verdkVPo
MobX БЫСТРЫЙ КУРС ➝ https://youtu.be/jn-L1SFYdIc
Backend для начинающих ➝ https://youtu.be/tKM44vPHU0U
MongoDB полный курс ➝ https://youtu.be/LNvmI8a9jwY

Таймкоды:
00:00 ➝ Введение
01:30 ➝ JWT теория
07:30 ➝ [СЕРВЕР] Начало разработки
11:10 ➝ [СЕРВЕР] Создание базы данных MongoDB
13:40 ➝ [СЕРВЕР] Структура проекта
14:10 ➝ [СЕРВЕР] Схема и модель данных. User, Token.
16:55 ➝ [СЕРВЕР] Роутинг, маршрутизация, ендпоинты
18:40 ➝ [СЕРВЕР] UserController
21:40 ➝ [СЕРВЕР] Регистрация пользователя
26:59 ➝ [СЕРВЕР] Генерация JWT access, refresh токенов
36:44 ➝ [СЕРВЕР] PostMan. Тестирование функции регистрации
38:10 ➝ [СЕРВЕР] Отправка…

Изображение

Видео/гифка, 7 сек, video_2021-06-22_22-14-19.mp4

Изображение

Web-страница:
Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON
Адаптивная верстка сайта. В этом видео я покажу подробную HTML CSS JS верстку очень интересного макета FIGMA с кучей полезных решений и лайвхаков! Это одностраничный сайт с корзиной и товарами. Первым делом нас ждет интересная шапка с выпадающим меню и поиском. Конечно же мы реализуем меню-бургер. Сразу же сверстаем подвал где, в том числе, использую свою разработку - адаптивные спойлеры. Далее приступим к нестандартному главному слайдеру, где применим все свои знания flex и grid верстки, а также динамический адаптив. Ниже нас ждет блок с товарами. Помимо интересных решений построение grid-сетки мы научимся добавлять товары в корзину, а также подгружать больше товаров из JSON файла! Заключающим блоком будет очень интересная галерея картинок, где будут реализованы flex и grid сетки, открытие картинки в попапе, а также плавное движение галереи при движении курсора мыши.

😱По промокоду YT_FREELANCER вы получите скидку 50% при заказе виртуального хостинга на месяц, квартал или полгода - https://r.hostiq.ua/itf-hosting…

Видео/гифка, сек,

Видео/гифка, 10 сек, 75365c0e165648b6d49e.mp4

Изображение

Web-страница:
Обязанности Junior frontend разработчика / первая работа
===== Timе-коды =====
00:00 Начало
00:07 Вступление
00:32 Первая подработка
00:55 Первая работа в офисе
01:40 Чем я занимаюсь(кратко)
02:17 Первый проект - Каро сеть кинотеатров
03:44 Второй проект - Московское метро
04:13 Третий проект - ЦУМ Mосква
05:38 Самая сложная задача
07:22 Первая рабочая командировка в Москву (разработка ДЕПО)
08:00 Четвёртый проект - фудмолл ДЕПО
08:50 Методы и технологии которые пригодились в работе

===== Начало моего пути =====
Работа в дальнобое:
https://youtu.be/FvyWOlojeGM

Тяжёлый рейс:
https://youtu.be/2_-Jt48O8S4

Завершение обучения в HtmlAcademy:
https://youtu.be/F8oitrD2k14

===== группа в контакте =====
https://vk.com/webstart_live

==========================
Методы и технологии которые пригодились мне в моей работе:
HTML и CSS:
-трансформации,
-3d трансформации,
-вёрстка pixel perfect,
-filter,
-различные эффекты.

JavaScript
- массивы, особенно часто forEach, map, filter, sort.
- делегирование событий
- навигация по DOM элементам
- async / await / промисы
-…

Изображение

Изображение

Изображение

Web-страница:
Стрелочные функции JavaScript. JavaScript function 2021
👽 Курс Функции в JavaScript: https://itgid.info/course/function-2021
👻 Курс JavaScript 2.0: https://itgid.info/course/javascript-2
👇 Разверни для полной информации
Курс Методы массивов: https://itgid.info/course/arraymethod

Изучаем стрелочные функции в JavaScript. Рассмотрим вопросы: синтаксис Arrow Function. Сокращенные методы записи. Стрелочные функции и this. Стрелочные функции и аргументы.

00:00 Вступление
01:15 Синтаксис стрелочных функций
05:30 Запуск нескольких функций
07:20 Стрелочная функция в callback
11:00 Сокращенная запись стрелочных функций в JavaScript
13:40 Стрелочная функция на примере Filter
15:00 Сокращенный синтаксис на примере filter
17:05 Arrow function и this
18:50 Arrow function и arguments
20:53 Получаем аргументы в arrow function через spread

Web-страница:
Скрываем номера курьеров и клиентов с помощью key-value хранилища
В условиях пандемии курьерские сервисы стали востребованы как никогда прежде. Чтобы клиент и курьер могли созвониться для уточнения информации по заказу, им нужн...

Изображение