Javascript Pro

6 июня – стартует Лекторий Яндекса 2023 🔥 Лекторий – это больше 150 онлайн-лекций от экспертов Яндекса по фронтенд-, бэкенд- и мобильной разработке, продакт-менеджменту, маркетингу, аналитике и soft skills. Обучаться могут все желающие! Регистрируйтесь на масштабное онлайн-открытие 6 июня в 19:00 (мск) , где вы: — Узнаете как устроены программа и процесс обучения, по которым будем прокачивать навыки все лето, — Обсудите последние тренды в IT с секретными гостями, — Сможете выиграть подарки – стильный мерч, Яндекс Станцию, промокоды и кое-что еще. Лекторий — отличная возможность прокачать свои знания, погрузиться в атмосферу большой IT компании и разобраться, в каком направлении вам хотелось бы развивать карьеру. А ещё как следует подготовиться к поступлению на следующий набор Сезонных школ Яндекса или к отбору на стажировку (для самым активных участников Лектория предусмотрена ускоренная программа найма).

Записывайтесь на курс от Хекслета, пройдите 5 бесплатных уроков профессии и получите скидку 10% на курс! Мы заинтересованы в успешном трудоустройстве наших студентов — гарантируем стажировки от компаний-партнеров и участие в Карьерном треке. Вернем деньги, если после учебы не получилось найти работу🔝 На профессии «Фронтенд-разработчик» вы за 10 месяцев: ✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров. ✔️Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!

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% на курс и решите, подойдёт вам профессия или нет. Будьте уверены — вы получите именно те инструменты и навыки, которые позволят вам найти работу!

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