Телеграм канал 'JavaScript – новости, уроки, мемы'

JavaScript – новости, уроки, мемы


404 подписчиков
147 просмотров на пост

Канал-сообщество для JavaScript-программистов!👨‍💻 Полезные видосы, смешные мемы и интересные статьи о самом перспективном языке программирования!

➡️ Сотрудничество: @Michael_Evdokimov

Паблик в ВК: vk.com/javascript_forum

Детальная рекламная статистика будет доступна после прохождения простой процедуры регистрации


Что это дает?
  • Детальная аналитика 243'671 каналов
  • Доступ к 104'670'297 рекламных постов
  • Поиск по 411'627'995 постам
  • Отдача с каждой купленной рекламы
  • Графики динамики изменения показателей канала
  • Где и как размещался канал
  • Детальная статистика по подпискам и отпискам
Telemetr.me

Telemetr.me Подписаться

Аналитика телеграм-каналов - обновления инструмента, новости рынка.

Найдено 117 постов

🎙 Зачем веб-разработчику нужен Vue.js: интервью с Михаилом Устенко

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

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

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

Запись на лайв — https://tml.io/w1xmu
🦍 Как стать фуллстек-разработчиком на JavaScript в 2021 году: 25 ресурсов для начинающих
Web-страница:
☕ Как стать фуллстек-разработчиком на JavaScript в 2021 году: 25 ресурсов для начинающих
Веб-разработчикам полного цикла нужно знать намного больше, чем занимающимся только бэкендом или фронтендом программистам на JavaScript. Значит и учиться им придется значительно дольше.
👮‍♂️ Продвинутая JWT авторизация на React и Node.js. Access, refresh, активация по почте

➡️ youtu.be/fN25fMQZ2v0
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 ➝ [СЕРВЕР] Отправка…
🐒 Если ты уже изучил основы JavaScript и хочешь работать над более сложными и интересными задачами, то следующим шагом советую разобраться с React.js.

Его используют сотни крупных компаний по всему миру, включая Netflix, Airbnb, American Express, eBay.

💸 Неудивительно, что знание React.js требует практически каждый работодатель!

Поэтому предлагаю тебе записаться на курс по одному из самых популярных фреймворков в мире прямо сейчас!
➡️ Ссылка на курс

Всего лишь за 2,5 месяца ты создашь более 20 вариантов интерактивных интерфейсов: от виджетов до личных кабинетов, поработаешь с реальными проектами и сможешь смело добавить React в своё резюме!

Кстати, у тебя будет 3 бесплатных занятия, чтобы попробовать! Старт 30 июня
➡️ Еще раз ссылка на курс

Успехов!
Изображение
Видео/гифка, 7 сек, video_2021-06-22_22-14-19.mp4
🦑 Адаптивная верстка сайта с объяснением действий. Добавление товара в корзину, AJAX подгрузка из JSON

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

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

➡️ Исходники
Видео/гифка, сек,
😬 Когда ничего не боишься. Ну практически...
Видео/гифка, 10 сек, 75365c0e165648b6d49e.mp4
🐣 Обязанности Junior frontend разработчика / первая работа

➡️ youtu.be/2AYaQGRwkZY
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 / промисы
-…
💥 Новая тема от SkillFactory – годовая подписка на топ-6 IT-курсов по цене одного!

Комплект из 6 программ...
▪️Полный курс по Data Science
▪️Курс-симулятор «Тестировщик ПО»
▪️Профессия «Этичный хакер»
▪️Профессия «Fullstack-разработчик на Python»
▪️Профессия «Разработчикигр на Unity»
▪️Профессия «Аналитик данных»

...по цене одного среднего курса — только до 30 июня от 3200 ₽/мес!
➡️ Вот ссылка


Что тебе даст именно комплект курсов?

✅ Отличный способ сэкономить в 6 раз! Покупать оптом всегда выгоднее, чем в розницу. К образованию это тоже относится: заплати как за один средний курс — и получи 6 программ на целый год.

✅ Простор для экспериментов и выбора. Сложно сразу понять, какое направление подойдет — лучше попробовать разные курсы.

✅ Возможность расширить компетенции. Специалисты с навыками сразу в нескольких смежных областях высоко ценятся на рынке и обладают большей гибкостью при построении карьеры

Только до 30 июня от 3200 ₽/мес!
➡️ Ссылка еще раз
Изображение
🔮 Задача с собеседования по фронтенду!
Какие методы вернут значение Hello world!?

Как перейти от задач к реальным проектам
Изображение
↪️ Стрелочные функции в JavaScript: синтаксис Arrow Function, сокращенные методы записи, стрелочные функции и this, стрелочные функции и аргументы

➡️ youtu.be/iWTx3t5pd34
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
🦹‍♂️ Скрываем номера курьеров и клиентов с помощью key-value хранилища. Создадим сценарий, который позволит курьеру и клиенту созваниваться, не зная при этом личные номера телефонов друг друга
Web-страница:
Скрываем номера курьеров и клиентов с помощью key-value хранилища
В условиях пандемии курьерские сервисы стали востребованы как никогда прежде. Чтобы клиент и курьер могли созвониться для уточнения информации по заказу, им нужн...

Найдено 117 постов