Javascript Pro
2.78K subscribers
191 photos
30 videos
129 links
Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас.

Админ: @anothertechrock
加入频道
Secrets of the JavaScript Ninja

Авторы:
John Resig, Bear Bibeault, Josip Maras
Год издания: 2016

Рецензия на книгу

Плюсы:

1. Множество примеров кода
2. Понятные объяснения.

Минусы: не замечено.

#javascript #english

Скачать книгу
Статья дня. 4 полезных встроенных JS Web API

Краткое руководство по использованию:
▫️Notification API
▫️Geolocation API
▫️History API
▫️Barcode Detection API (экспериментальный)

Читать статью

#читать
Открыта регистрация на серию митапов для начинающих разработчиков Intern Meetup Week в Яндексе с 17 по 20 апреля🎉

18 апреля состоится митап для направления Frontend. Будет доступен офлайн и онлайн формат.

Регистрация по ссылке: https://clck.ru/33qVyG

При отборе на митап у вас есть шанс получить приглашение на пробное собеседование на стажировку в Яндекс 🔥

В программе лекции экспертов о технологиях, общение с руководителями команд и рекрутерами, нетворкинг и подарки.

📆Когда: 18 апреля 18:00 - 21:30, сбор гостей с 17:30
🌐Где: офис Яндекса, ул. Льва Толстого, 16, м.Парк Культуры и трансляция онлайн

Все подробности и регистрация по ссылке: https://clck.ru/33qVyG

А чтобы быть в курсе всех новостей Young&&Yandex, подписывайтесь на чат-бот.
Задача

Подумайте, что будет выведено в консоль при выполнении этого кода.

Ответ
This media is not supported in your browser
VIEW IN TELEGRAM
Sliding Stepper

Анимированный ввод чисел, выполненный с помощью CSS и JavaScript.
Что будет выведено в консоль?

Ответ
Node Cookbook

Автор: Bethany Griggs
Год издания: 2020
3 чудо-приема JavaScript для ускорения разработки

У профессионального разработчика JavaScript всегда найдется в запасе несколько особо крутых приемов, накопленных за многие годы работы. В этой статье автор поделился тремя такими приемами.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Loaders

Подборка загрузчиков на HTML и SCSS. Для удобства автор сделал увеличение лоадера при наведении.
Что будет выведено в консоль?

Ответ
Сегодня в IT идут все, кто мечтает о работе в международной компании с хорошей зарплатой. Но правда в том, что на рынке по-прежнему наблюдается дефицит квалифицированных кадров. Бизнесу нужны люди, которые могут прийти и сразу решать их задачи.

Те, кто обладает практическими знаниями и может переводить любую бизнес задачу на язык кода.

Именно на глубокую и постоянную практику нацелен курс «Фронтенд-разработчик» от Хекслета.

Вы начнете писать код с первого дня обучения, выполните сотни практических упражнений, напишете 4 полноценных проекта, поучаствуете в Open Source и подготовитесь к собеседованиям с помощью тестовых от компаний партнеров.

🎁 Вы можете начать учиться уже сегодня! Пройдите 5 бесплатных уроков, получите скидку 10% на курс и решите, подойдёт вам профессия или нет.

Будьте уверены — вы получите именно те инструменты и навыки, которые позволят вам найти работу!
Обнаружение долгого нажатия в событиях JavaScript в React

Разбираем, как реализовать взаимодействие с долгим нажатием в React-приложении без использования нативных инструментов мобильной разработки.
Computer Programming

Авторы:
Willam Alvin Newton, Steven Webber
Год издания: 2019
3 способа преобразования массива в объект

Приветствую товарищи! Довольно часто по разным причинам нам требуется трансформировать данные в какой-либо формат, например для работы с какой-нибудь библиотекой или апихой. В этом посте описаны 3 способа с помощью которых можно массив трансформировать в объект.

const arr = ['frontend', 'backend', 'qa'];

// 1 способ - метод assign
const obj = Object.assign({}, arr);

// 2 способ - spread оператор
const obj = {...arr};

// 3 способ - метод reduce
const obj = arr.reduce((res, key, index) => {
res[index] = key;
return res;
}, {})

#js #features
This media is not supported in your browser
VIEW IN TELEGRAM
Melty line goodness

Анимированная граница, выполненная с помощью SVG, SCSS и JavaScript.
JavaScript. Какой метод навсегда предотвращает добавление новых свойств к объекту, удаление старых свойств из объекта и изменение существующих свойств?
Anonymous Quiz
10%
Object.block()
59%
Object.freeze()
4%
Object.stop()
17%
Такого метода нет
10%
Посмотреть ответ
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Responsive animated Accordion

Адаптивный анимированный аккордеон. Реализован с помощью JavaScript и CSS.
Learning web design

Автор:
Jennifer Niederst Robbins
Год издания: 2018
CSS-In-JS для React приложения

Сравниваем Linaria и Styled Components.
🔥 MoscowJS #52 уже 18 мая в 19:00 в гостях!

Синтетические данные — это, конечно, хорошо, но можно ли лучше и проще?

Примерно таким вопросом задался Илья Алонов из Авито и откопал JS Self-Profiling. Можно ли с помощью этого браузерного API сделать систему мониторинга производительности? Нужно ли оно в целом и насколько лучше синтетики?

Если интересуетесь перформансом веб-приложений — приходите слушать доклад Ильи и других спикеров митапа.

Подписывайтесь на ютуб-канал AvitoTech и тыкайте по колокольчику под видео, чтобы не пропустить трансляцию. Добавляйте встречу в календарь.

Реклама. ООО «Авито Тех». LdtCK1FQY