​8 задач для практики Frontend-разработчика

Хотите написать приложение на JavaScript, но не знаете, какое? Ловите 8 идей проектов для прокачки навыков фронтенд-программиста.

https://proglib.io/p/8-zadach-dlya-praktiki-frontend-razrabotchika-2019-11-04

#javascript #skills

​Сервис-воркеры и стратегии кеширования

Разбираемся в важнейших аспектах PWA

https://prglb.ru/4pr1y

#javascript #pwa

​Идеальная конфигурация проекта для разработки на TypeScript

Как настроить разработку с ts-node-dev, ESLint, Prettier и TypeScript

https://prglb.ru/tn61

#typescript #tools

​Пузырьковая сортировка на JS

Пузырьковая сортировка — не самый эффективный алгоритм. Но понимать, как он работает, очень полезно для программиста.

https://prglb.ru/23etz

#javascript #algorithms #beginners

​7 топовых трендов CSS в 2019

Вспоминаем, что было в моде в этом году: гриды, вариативные шрифты и новые возможности CSS

https://prglb.ru/4y5rc

#css

​Невероятный bounce-эффект на чистом CSS

Перемещаем элемент в пределах вьюпорта без единой строчки JavaScript! Нестандартное применение анимаций — и никакого мошенничества

https://css-tricks.com/bounce-element-around-viewport-in-css/

#tricks #css

​Всё о магии отступов в CSS Flexbox

Работа с отступами в CSS Flexbox это отдельная песня, которая требует пристального внимания и разъяснения.

https://prglb.ru/4x5ti

#css #flexbox

​Кастомные сайдбары с Overlay Scrollbars

Overlay Scrollbars - JavaScript-библиотека, которая позволяет кастомизировать сайдбары во всех современных браузерах.

https://prglb.ru/4j5p5

#library #interface

​Увеличиваем скорость загрузки страницы

10 полезных советов для оптимизации вашего сайта.

https://prglb.ru/2g16l

#performance

The JavaScript Way

Современное руководство по JS
Автор: Baptiste Pesquet

#books

​Паттерн Наблюдатель (Observer + Observable)

Лекция Тимура Шемсединова, посвященная самому популярному паттерну JavaScript.

https://www.youtube.com/watch?v=_bFXuLcXoXg&list=PLHhi8ymDMrQZ0MpTsmi54OkjTbo0cjU1T&index=23&t=0s

#video #bestpractices #javascript

​Промисы, коллбэки и async/await в JavaScript для начинающих

Очень важная часть языка, в которой вы обязательно должны разобраться.

https://prglb.ru/41bk7

#javascript #core #beginners

​10 советов по Codepen для начинающих

Codepen — очень простой и удобный инструмент для фронтенд-разработчика. Используйте его возможности на полную.

https://prglb.ru/ll9c

#tools

6-8 декабря в Москве состоится хакатон Rosbank Tech.Madness. К участию приглашаются разработчики и аналитики. Вас ждет:

- возможность заявить о себе в самом безумном соревновании уходящего года;

- незаезженные задачи;

- призовой фонд в 600 000 руб.

Регистрируйся на сайте https://prglb.ru/ksqw

​Под капотом современных браузеров

Большой туториал для веб-разработчиков.

https://developers.google.com/web/updates/2018/09/inside-browser-part1

#advanced #web

​Все, что вы хотели знать о деструкции в JavaScript

Серия статей, полностью раскрывающих концепцию деструкции в JS:

* 1 часть: https://prglb.ru/44den
* 2 часть: https://prglb.ru/1qeq0
* 3 часть: https://prglb.ru/324rn

#javascript #core #beginners #advanced

​React — это просто JavaScript

Если вам кажется, что за фасадом React скрывается магия, то пришло время избавиться от этого заблуждения.

https://prglb.ru/4loz9

#frameworks #react

Маленькая шпаргалка по React

http://jamesknelson.com/react-cheatsheet.pdf

#cheatsheets #frameworks #react

20 января в HTML Academy стартует курс «HTML и CSS, уровень 1», разработанный специально для новичков без знания вёрстки и тех, кто хочет привести в порядок полученные ранее знания.

Вас ждёт 20 часов лекций в формате лайв-стрима, скринкасты с разборами практики, дополнительные материалы и личный наставник, который будет проводить ревью вашего кода.

Оплатить курс можно в рассрочку, а для читателей нашего канала по промокоду PROGLIB будет скидка 1000 рублей. Подробнее — https://tml.io/gd0vs

​Использование вебсокетов в промис-стиле

Чем вебсокеты хуже ajax-запросов и как это исправить?

https://prglb.ru/1c3qe

#websockets

​SceneJS - библиотека для создания анимаций

Мощный инструмент для создания CSS|JS|SVG анимаций со множеством настроек

http://daybrush.com/scenejs/

#tools #library #animation