Введение в Immutable.js и основные концепции функционального программирования

Хороший лонгрид о преимуществах ФП и их реализации в Immutable.js

https://prglb.ru/2u6c1

#javascript #library

​Ленивая загрузка YouTube-видео

Как загружать видео отложенно, используя Intersection Observer API

#javascript #performance #lazy

https://prglb.ru/1veal

​Интересуетесь профессией фронтенд-разработчика? Выбирайте свою траекторию развития и окупите обучение, получив первые деньги в качестве программиста в компании или на удалёнке.

В SkillFactory стартует авторская специализация «Фронтенд-разработчик», где вы изучите HTML, CSS и JS с основ и до реальных рабочих задач. Каждый новый инструмент закрепляется проектом на практике. В результате обучения у вас будет 12 проектов для портфолио.
На курсе вы уже сможете применять свои знания HTML, CSS в реальных проектах, освоите JS и фреймворки, научитесь работать в команде с бэкендом. В рамках курса вы соберете по частям полноценный самостоятельный проект с фриланс биржи..

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

Узнайте больше о том, как стать программистом: https://clc.to/G0IFhw
Праздники еще не закончились, как и подарки у нас! Учитесь сами и зовите друзей: в SkillFactory акция 1+1!🎁

​JavaScript: как удалить значения из массива

Четыре нативных способа удаления значений массива

#javascript #core

https://prglb.ru/19zpb

​Гид по производительности фронтенда на 2020

Сделаем 2020 годом быстрых сайтов ;)

https://prglb.ru/3s6qs

#performance

​Разбираемся с CSS Grid: создание grid-контейнера

Полезный лонгрид по гридам от Рейчел Эндрю

https://prglb.ru/2pq5y

#css #grid #layout

​Думай как React-разработчик

Что мешает начинающему React-разработчику стать профессионалом? Вовсе не незнание каких-то концепций языка или паттернов программирования. Все намного проще...

https://prglb.ru/40l

#frameworks #react

​Веб-воркеры для разгрузки основного потока браузера

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

https://prglb.ru/4g35h

#performance #browser

​Большой список вопросов для JavaScript-интервью

https://prglb.ru/2yuyp

#javascript #interview

​Лучшие практики тестирования Node.js и JavaScript приложений

https://prglb.ru/1chvh

#testing #node

​Пишем Promisify-функцию с нуля

Учимся превращать коллбэки в промисы.

https://prglb.ru/21bv9

#beginners #javascript #node

​Что такое API простыми словами

Разбираемся в одном из базовых понятий веб-разработки

https://prglb.ru/2zebd

​Топ-10 вопросов для интервью по Vue.js

Неплохая шпаргалка для подготовки к собеседованию

#frameworks #vue

https://prglb.ru/1lgud

​Верстка нестандартной галереи

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

https://prglb.ru/1cpzn

#css

​Функциональный JavaScript: 6 образцов кода без цикла for

Лаконичные примеры того, как бывает удобно вместо циклов использовать every, map, reduce и filter. Сравниваем попарно код с применением for и функциональное решение.

https://proglib.io/p/funkcionalnyy-javascript-6-obrazcov-koda-bez-cikla-for-2020-01-13

#javascript #core

​Твоё первое SPA на React: основные концепции и разработка

Разбираемся в базовых концепциях SPA и пишем первое одностраничное приложение на React.js.

#frameworks #react #spa #beginners

https://proglib.io/p/tvoe-pervoe-spa-na-react-osnovnye-koncepcii-i-razrabotka-2020-01-13

ㅤ
Специально, для тех, кто ищет работу в сфере АйТи, был создан канал, где публикуют только качественные вакансии.

Больше не нужно бесконечно сёрфить в надежде найти что-то годное...всё уже собрано здесь!

Ссылка на канал с отборными вакансиями: https://yangx.top/joinchat/AAAAAFZEHKueTRHhpUEoww

Го сам и захвати друга 😉

​Как правильно использовать библиотеки утилит в JavaScript

👍 Библиотеки утилитарных функций полезны и не стоит их избегать. Но если подключать сразу всю библиотеку, билд станет огромным. Поэтому берём только то, что нужно.

📖 Читать: https://prglb.ru/59hel

#tools #library #advice

​Верстать быстро и красиво: 15 популярных CSS фреймворков

🤓 Главные особенности CSS фреймворков - от продвинутых Bootstrap и Foundation до крошечных Milligram и Dead Simple Grid. Помогаем выбрать инструмент для настройки дизайна вашего проекта.

📖 Читать: https://prglb.ru/1c91t

#css #tools #frameworks

​Что не так с выпадающими списками и что использовать вместо них

Автор статьи разбирается в плюсах и минусах классических селектов.
🤔 Спойлер: они экономят место на странице и время разработчика, но часто создают сложности для пользователей.

🎁 Бонусом: ссылки на реальные UX-исследования и советы с подробными объяснениями.

Читать: https://prglb.ru/4s412

#interface

​Введение в доступность в вебе

Доступность это не просто медицинский термин, применимый к небольшому проценту людей. Все, что мы создаем, бесполезно, если оно недоступно.

Чтобы юзерам было удобно пользоваться вашим сайтом, не забывайте о доступности во всех сферах разработки. Вот вам полный гид (в переводе на русский):

👌 Пишем HTML, не забывая о доступности
https://prglb.ru/1lqgc

👌 Пишем JavaScript, не забывая о доступности
https://prglb.ru/41bs2

👌Пишем CSS, не забывая о доступности
https://prglb.ru/3s58i

Краткий спойлер

используйте семантически подходящие теги
👉 следите за структурой страницы
👉 не забывайте про важные атрибуты
👉 управляйте фокусом
👉 подружитесь с aria
👉 текст должен быть читабельным
👉 выбирайте правильный способ спрятать элемент

А в статьях еще очень много полезных советов, реальных кейсов и ссылок.

#accessibility #html #css #javascript