Size: a a a

Библиотека фронтендера

2019 September 19
Библиотека фронтендера
​​Мы немного посовещались и решили увеличить призовой фонд нашего конкурса 😉
Для тех, кто все пропустил:

Конкурс на
📍 2 лучших статьи сайте proglib.io
📍 1 лучший комментарий на сайте proglib.io

Что нужно? Написать статью или оставить комментарий под любой из статей сайта. Победитель выбирается по количеству просмотров и лайков НА сайте. Любители накручивать дисквалифицируются!

Для самых крутых авторов статей мы подготовили подарки:

✏ 1 место - годовая подписка на ВСЕ продукты Jetbrains, либо издание по архитектуре ("Архитектура программного обеспечения на практике" или "Чистый код" или "Искусство программирования").
✏ 2 место - годовая подписка на какой-то один из продуктов Jetbrains, либо издание про базы данных ("Рефакторинг баз данных или Эволюционное проектирование" или "Базы данных: Проектирование, реализация и сопровождение. Теория и практика" или "Работа с PostgreSQL. Настройка и масштабирование").

✏ А комментатор “не в бровь, а в глаз” получит бумажную книгу на выбор: "Думай медленно...Решай быстро" Канемана, "Музыка мозг. Правила гармоничного развития" или "Мозг во сне. Что происходит с мозгом, пока мы спим".

🔵 Статьи должны быть по теме сайта, от 4к до 8к знаков без пробелов, с уникальностью 90%+ по text.ru, без рекламы и брани. Предпочтение туториалам на базе личного опыта, интересным подборкам и обзорам.
🔵 Комментарий должен быть без рекламы и брани.

И да победят лучшие! 😊
Дедлайн конкурса — 18 октября 2019
Если у вас проблемы с написанием материала, пишите нашему главному редактору @lavafloor
источник
Библиотека фронтендера
#javascript #tools

Современная загрузка скриптов

Загружаем современный JavaScript везде, где это возможно, и не забываем про старые браузеры.

https://prglb.ru/52xse
источник
2019 September 20
Библиотека фронтендера
#interface

Создаем доступный кастомный выпадающий список

Некоторые базовые HTML компоненты сложно кастомизировать — и селект один из них. Сделаем свой селект со стилями и доступностью!

https://prglb.ru/3nw1x
источник
Библиотека фронтендера
#beginners

6 ошибок начинающих веб-разработчиков

Распространенные ошибки новичков и способы их избежать.

https://prglb.ru/22b2o
источник
2019 September 21
Библиотека фронтендера
#frameworks #react

Клон Airbnb с React и ElasticSearch

Создаем мощное поисковое приложение с помощью библиотеки ReactiveSeach.

https://prglb.ru/53g5
источник
Библиотека фронтендера
Какой JS-фреймворк приносит вам больше денег?
anonymous poll

React – 305
👍👍👍👍👍👍👍 47%

Vue – 144
👍👍👍 22%

Angular – 100
👍👍 16%

Не использую фреймворк на работе/в проектах – 80
👍👍 12%

Другой фреймворк – 16
▫️ 2%

👥 645 people voted so far.
источник
Библиотека фронтендера
#gamedev #video

Тетрис на JavaScript

Крутой плейлист от CodeDojo, в котором с нуля создается легендарный тетрис!!

https://www.youtube.com/playlist?list=PLqHlAwsJRxAMa9HHLRZcHFZyM7SBHqJgt
источник
Библиотека фронтендера
​​Попрактикуемся? 😉

За пару дней напишем игру “гоночки” на JavaScript!

Что будет на интенсиве👇

Познакомишься с переменными, типами данных, циклами, условиями и функциями. Узнаешь как отлавливать события нажатия клавиш на клавиатуре и мыши.

Разберешься, как работать с элементами DOM-дерева, получать элементы со страницы, создавать свои с помощью JavaScript и манипулировать ими.

Научишься работать с консолью в браузере и поймешь, как делать анимацию с помощью requestAnimationFrame.

Переходи по ссылке и получи приглашение👇
https://telegram.me/gloacademy_bot?start=5d84fc1401c860000e48dc03
источник
2019 September 22
Библиотека фронтендера
#javascript

Виртуальный DOM

Что такое виртуальный DOM, зачем он нужен и чем отличается от обычного?

https://prglb.ru/52lmh
источник
Библиотека фронтендера
Инновационный центр Ай-Теко приглашает на работу в свои офисы в Сколково и Иннополисе

Разработчиков Java или JavaScript Junior (стартовая з/п 60-100k)
Разработчиков Java или JavaScript Senior (стартовая з/п 130-290k)

Условия работы:
🔸Гибкий график;
🔸Офис А класса;
🔸ДМС, стоматолог;
🔸Обучение и сертификации за счет компании;
🔸Компенсация парковки;
🔸Удобная офисная кухня с холодильником, микроволновкой и всем необходимым;
🔸Скидка и рассрочка на фитнес;
🔸Спортивные мероприятия.

Предусмотрена релокация для перспективных кандидатов.

❗️Узнай больше о вакансиях и отправь резюме: https://bit.ly/2mlwXM5
источник
2019 September 23
Библиотека фронтендера
#frameworks #angular

Почему вы должны выбрать Angular для следующего frontend-проекта?

Обзор преимуществ популярного фреймворка

https://prglb.ru/79g
источник
Библиотека фронтендера
#advanced

Нестабильность макетов

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

Учимся обнаруживать и компенсировать такую нестабильность с новым API PerformanceObserver.

https://prglb.ru/5ahu6
источник
Библиотека фронтендера
27 сентября пройдет конференция WebDev от GetIT Community. Конференция посвящена трендам в сфере Web-разработки и Soft Skills.

Поговорим про Front-end, Back-end, Data Science, а в секции soft skills: о том, как начать выступать; повысить свою стоимость на рынке труда; строить команды, писать тех. статьи и зачем вообще эти Soft Skills нужны.

Доклады представят спикеры из крупных компаний, таких как: HeadHunter, Tinkoff, Яндекс, Kaspersky Lab, Voximplant, GridGain Systems, Cloveri, Skyeng и другие.

Локация: Москва, Deworkacy, Красный Октябрь
Доступна онлайн-трансляция!

По промокоду PROGLIB билет со скидкой 50% или поделитесь мероприятие на FB и получите билет в подарок!
https://www.facebook.com/events/497177730858678/

Программа на сайте:
http://bit.ly/3535scd
источник
2019 September 24
Библиотека фронтендера
#performance

Как контент веб-страницы влияет на расход аккумулятора

Повышаем энергоэффективность наших сайтов!

https://prglb.ru/4ls5a
источник
Библиотека фронтендера
​​🔥 Уже 26 сентября начинаются занятия продвинутых онлайн-курсов по Fullstack JavaScript-разработке и популярным фреймворкам ReactJS/React Native. Успейте пройти вступительный тест и получить спецпредложение!

«Fullstack разработчик JavaScript»: https://otus.pw/kIWP/
«ReactJS/React Native-разработчик»: https://otus.pw/DbFI/

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

Делиться с вами своей экспертизой будут преподаватели-практики Владимир Иванов (Development Lead в EPAM Systems), Александр Коржиков (Dev IT Engineer ING Group (Нидерланды)) и другие.

☝️43% наших выпускников получают желанные Job Offer-ы по итогу обучения. Присоединяйтесь и вы к их числу, будем повышать навыки разработки ПО на JavaScript вместе.
источник
Библиотека фронтендера
#javascript

Untrusted

Крутая игра, в которой нужно проходить уровни с помощью написанного вами JavaScript-кода!

Осторожно! Затягивает :)

https://alexnisnevich.github.io/untrusted/
источник
2019 September 25
Библиотека фронтендера
#interface

Предотвращаем прокрутку страницы при открытии модального окна

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

https://prglb.ru/4bbfs
источник
Библиотека фронтендера
#tricks #css #javascript #effects

Крутые эффекты движения текста

https://prglb.ru/5dfbv
источник
2019 September 26
Библиотека фронтендера
#webpack #tools

Webpack с нуля до героя

Полное руководство в пяти главах по самому мощному инструменту фронтенд-разработчика:
- Глава 0. Введение и история https://prglb.ru/27aco
- Глава 1.  Начало работы https://prglb.ru/2frca
- Глава 2. Конфигурация https://prglb.ru/4kq3
- Глава 3. Все является модулем https://prglb.ru/gbzn
- Глава 4. Динамические импорты и сплиттинг кода https://prglb.ru/4xerf
источник
Библиотека фронтендера
#css #tools

Почему CSS Custom Properties лучше, чем SASS-переменные?

Рассматриваем преимущества кастомных свойств перед переменными препроцессоров.

https://prglb.ru/1qxxz
источник