Javascript Pro

Gray & White - Skewed Slider with Scrolling

Перекошенный слайдер с прокруткой. Реализован с помощью JavaScript и CSS.

Задача

Что будет выведено в консоль после выполнения этого кода?

Ответ

Эксплойтинг браузера Chrome, часть 1: введение в V8 и внутреннее устройство JavaScript

Cегодня браузеры играют жизненно важную роль в современных организациях, поскольку всё больше программных приложений доставляется пользователям через веб-браузер в виде веб-приложений. Практически всё, что вы делаете в Интернете, включает в себя применение веб-браузера, а потому он является одним из самых используемых потребительских программных продуктов на планете.

Итак, давайте без лишних предисловий приступим к изучению сложного мира эксплойтинга браузеров!

Animated Upload Modal

Анимированная форма загрузки файла, созданная на HTML, CSS и JS.

Курс «Английский для разработчиков» Яндекс Практикума

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

Обучение построено не вокруг абстрактной теории, а вокруг рабочих ситуаций и полезных для карьеры навыков:

✋Стендапы. Подготовитесь обсуждать задачи, задавать вопросы и просить о помощи.
👨‍💻 Работа с заказчиками. Научитесь презентовать решения, говорить про баги и фичи.
📣 Митапы. Сможете понимать на слух доклады и выступать сами.
😎 Собеседования. Научитесь рассказывать про свой опыт, понимать вопросы и тактично переспрашивать.
👯 Неформальное общение с коллегами. Сможете рассказать о своих интересах, опыте, планах на будущее.
💻 Код-ревью. Сможете описать сделанное, дать обратную связь, тактично отстоять своё мнение.

Запишитесь на бесплатную консультацию. Кураторы определят ваш уровень языка и расскажут подробнее про обучение.

🔥 MoscowJS #52 уже 18 мая в 19:00 в гостях!

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

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

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

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

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

CSS-In-JS для React приложения

Сравниваем Linaria и Styled Components.

Learning web design

Автор: Jennifer Niederst Robbins
Год издания: 2018

CSS Responsive animated Accordion

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

Melty line goodness

Анимированная граница, выполненная с помощью SVG, SCSS и JavaScript.

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

Computer Programming

Авторы: Willam Alvin Newton, Steven Webber
Год издания: 2019

Обнаружение долгого нажатия в событиях JavaScript в React

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

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

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

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

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

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

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