Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
23.2K subscribers
2.2K photos
121 videos
38 files
4.62K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Наши каналы: https://yangx.top/proglibrary/9197

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
加入频道
#javascript #webworkers

JavaScript Web Workers: руководство для начинающих

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

https://prglb.ru/21jlh
#react #video

Все, что вы должны знать о React Hooks, в одном видео

Полное погружение в хуки React за 100 минут.

https://prglb.ru/3hpof
#javascript #beginners

Все что вы хотели знать о this, но боялись спросить

Хватит «плавать» в базовых концепциях. Давайте разберемся с ключевым словом this в JavaScript раз и навсегда.

https://prglb.ru/3chww
По какой фронтенд-теме вам хотелось бы больше материалов?
anonymous poll

JavaScript для продвинутых – 464
👍👍👍👍👍👍👍 49%

Разбор базового JavaScript – 166
👍👍👍 17%

Тонкости и примеры верстки – 129
👍👍 14%

JavaScript-фреймворки – 89
👍 9%

Оптимизация и тестирование кода – 74
👍 8%

Оптимизация и доступность в вебе – 33
▫️ 3%

👥 955 people voted so far. Poll closed.
#javascript #html #interface

Детальное руководство по Drag&Drop

Техника тащи-бросай (Drag-n-Drop) — отличное решение для интерфейса вашего сайта. Перетаскивать можно не только файлы, но и HTML-элементы.

В статье очень подробно и с примерами кода описывается, как такое перетаскивание реализовать.

https://prglb.ru/e8bd
#javascript #advanced

Прогрессивные веб-приложения (PWA)

Что за зверь такой PWA и зачем он нам нужен? Коротенькое введение в теорию прогрессивных веб-приложений.

https://prglb.ru/1ks1v
#javascript #advanced

Погружение в промисы: race, all и allSettled

Все еще не используете промисы на полную катушку? Тогда мы идем к вам с тремя суперкомбинаторами!
Уже немного знакомые race и all, а также свеженький allSettled дадут вам максимальный контроль над потоком выполнения кода.

https://prglb.ru/1e79x
#javascript #beginners

Я выучил основы JavaScript — что дальше?

Прошли несколько курсов, разобрались с типами данных и даже почти познали дзен замыканий? Что делать дальше начинающему JavaScript-разработчику? Куда податься, что учить?

Вот вам путеводитель, вперед — к мастерству!

https://prglb.ru/3dt2a
​​Как начать, наконец, путь к карьере в IT и digital?

Если вы тоже задаетесь этим вопросом, запишитесь на бесплатную онлайн-конференцию GeekChange. Узнайте обо всех профессиях в программировании, дизайне, маркетинге и менеджменте. Участвуйте в розыгрыше бесплатного обучения в GeekUniversity (онлайн-университет Mail ru Group). А также получите возможность выиграть MacBook Air!

Конференция пройдет с 12 по 25 августа.

Записаться: http://bit.ly/2GN15ay
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js pinned «​​Как начать, наконец, путь к карьере в IT и digital? Если вы тоже задаетесь этим вопросом, запишитесь на бесплатную онлайн-конференцию GeekChange. Узнайте обо всех профессиях в программировании, дизайне, маркетинге и менеджменте. Участвуйте в розыгрыше…»
#javascript

Поддержка больших проектов на JavaScript

В крупных проектах проблемы имеют тенденцию накапливаться как снежный ком. У вас не хватает ресурсов на рефакторинг и хочется все выбросить и начать с чистого листа.

В этой статье вы найдете несколько полезных советов по организации и поддержке подобных проектов на JavaScript.

https://prglb.ru/16ul4
#css #tools

Нужны ли препроцессоры в 2019 году

Препроцессоры давно стали неотъемлемым инструментом в арсенале верстальщика. Они дают нам все, что нам нужно: переменные, миксины, вложенность… Погодите. А разве современный CSS так не умеет? Или умеет? А нам точно еще нужны препроцессоры?

https://prglb.ru/3yoju
#javascript #beginners

Упрости свой JavaScript – используй map, reduce и filter

Бросай forEach – открывай новые горизонты! Введение в перебирающие методы массивов, которые должен знать каждый JavaScript разработчик.

https://prglb.ru/3q3en
#frameworks #react #angular

Сравнение server side rendering в React и Angular

Подробный разбор серверного рендеринга самого по себе, а также его реализации в двух популярных JavaScript-фреймворках.

https://prglb.ru/3w216
#javascript #beginners

Понять замыкания за 6 минут

Замыкания в JavaScript - вечный камень преткновения начинающих разработчиков. Но понять их крайне важно для дальнейшего развития.

Постараемся разобраться за 6 минут.

https://prglb.ru/2o9v9
#css #interface

Принципы дизайна для разработчиков

Вы можете выучить все HTML-теги и CSS-свойства, но этого недостаточно для создания красивых и удобных сайтов. Понимание принципов веб-дизайна и UX может серьезно увеличить эффективность и качество работы фронтендера.

Статья концентрируется на трех китах дизайна: типографике, размещении контента и цвете.

https://prglb.ru/41h2c
​​Только для тех, кто наконец-то хочет разобраться в JavaScript!

4-х дневный воркшоп “Ozon на чистом JS”

На занятиях напишем часть функционала магазина Ozon. Поработаем с DOM API, BOM API, JSON, AJAX, Fetch API, webpack.

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

Для удобства напишем функционал поиска товаров и фильтр каталога.

Все участники получат подробную карту изучения JavaScript с нуля до уровня Junior.

Переходите по ссылке и получите приглашение👇
https://telegram.me/gloacademy_bot?start=5d4d88649760a4000fec2250
#javascript #interface

Простая загрузка файлов с FormData

Как отправить выбранные пользователем файлы на сервер без перезагрузки страницы? С помощью интерфейса FormData нет ничего проще!

https://prglb.ru/599xw
#performance

Очень-очень большой чеклист по производительности фронтенда

Почему ваш сайт не так быстр, как хотелось бы? Что влияет на производительность, а что нет? На какие показатели ориентироваться? Можно ли переборщить с оптимизацией? Как решить текущие проблемы и предотвратить будущие?

Заварите чай, посадите на колени кота и уютно проведите воскресный вечер с этим замечательным лонгридом, который расставит все точки над ё.

https://prglb.ru/5dqp1
#tricks #interface #html

Движение текста по кривой

Забавный эффект перемещения текста, реализованный на SVG.

https://prglb.ru/4yeqi
Доброе утро понедельника :) Расскажите, пожалуйста, о своем опыте во фронтенд-разработке
anonymous poll

Есть некоторый опыт разработки на JS и/или популярных фреймворках – 273
👍👍👍👍👍👍👍 22%

JavaScript-джуниор – 271
👍👍👍👍👍👍👍 22%

Знаю HTML и CSS. JavaScript пока - темный лес – 248
👍👍👍👍👍👍 20%

Крепкий миддл – 237
👍👍👍👍👍👍 19%

Никакого опыта, делаю первые шаги – 142
👍👍👍👍 11%

JS-профессионал – 65
👍👍 5%

👥 1236 people voted so far.