​Что такое компонентно-ориентированное программирование?

Новое модное веяние в фронтенд-разработке или замена ООП?

https://prglb.ru/2clvq

​#video #css #interface

Стилизация форм на HTML и CSS

https://youtu.be/8n8_liL3kkU

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

Конкурс на
📍 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

​#interface

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

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

https://prglb.ru/3nw1x

​#beginners

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

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

https://prglb.ru/22b2o

​#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

​#javascript

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

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

https://prglb.ru/52lmh

​Инновационный центр Ай-Теко приглашает на работу в свои офисы в Сколково и Иннополисе

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

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

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

❗️Узнай больше о вакансиях и отправь резюме: https://bit.ly/2mlwXM5

​#frameworks #angular

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

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

https://prglb.ru/79g

​#advanced

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

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

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

https://prglb.ru/5ahu6

​#performance

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

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

https://prglb.ru/4ls5a

​#javascript

Untrusted

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

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

https://alexnisnevich.github.io/untrusted/

​#interface

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

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

https://prglb.ru/4bbfs

​#tricks #css #javascript #effects

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

https://prglb.ru/5dfbv

​#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