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

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

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

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

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

21 эффективная техника по оптимизации приложений на React.

https://prglb.ru/5vqle
​​Представьте ситуацию: вы занимаетесь поддержкой веб-сервиса, созданного на Django, и тут поступает совершенно новая задача от руководства - натянуть новый дизайн на фронт. Вам нужно декомпозировать готовую HTML/CSS вёрстку в модульные шаблоны для Django.
Такое часто встречается в работе fullstack веб-разработчика на Python.
Звучит сложно? А если учесть, что с такой задачей может столкнуться начинающий веб-разработчик?

Не страшно! В SkillFactory предлагают за 9 месяцев пройти специализацию «Full-stack веб-разработчик на Python» https://clc.to/6u-rXA обучение на которой поможет с нуля получить все необходимые навыки для успешного старта карьеры в веб-разрабоке.

Специализация включает: HTML/CSS, Javascript, Python, Django, Linux. Git, которые вы закрепляете на тренажерах под присмотром ментора.

🔥 Получайте бонусы при обучении летом: учебные каникулы на время отпуска + доступ к материалам курса в течение года https://clc.to/6u-rXA
#react #awesome

Огромный список библиотек, дополнений и туториалов по изучению фреймворка React.

https://github.com/enaqx/awesome-react
#javascript #advanced

Пишем собственную реализацию Promise в JavaScript

Вы задумывались когда-нибудь, как промисы работают под капотом? Пора разобраться, создав свои собственные обещания.

https://hackernoon.com/implementing-javascript-promise-in-70-lines-of-code-b3592565af0f
#react

Жизненный цикл React

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

https://prglb.ru/51sxj
#css

Разбираемся в Grid-разметке и строим периодическую таблицу HTML

Система CSS Grid дает большую свободу и высокую точность в построении макетов. Например, с ее помощью легко можно создать периодическую таблицу с непростой структурой.

https://prglb.ru/3ab2b
Что такое Throttling и Debouncing?

Throttling и debouncing — это широко используемые техники для увеличения производительности кода, который выполняется повторно с некоторой периодичностью. Применяя их, вы можете неплохо оптимизировать приложение.

https://prglb.ru/1ombl
#vuejs

Все, что нужно, для начала работы с VueJS

Если вы еще не знакомы с одним из самых популярных JavaScript-фреймворков, срочно исправьте это недоразумение. Этот гид поможет вам сделать первые шаги.

https://prglb.ru/wd8d
#javascript #book

ES for Humans (2017)

Актуальное руководство по современному JavaScript для опытных разработчиков. Подробный разбор новых фич, способы и тонкости их использования, лучшие практики программирования. Все это обильно приправлено примерами кода. Добавьте эту книгу в свою профессиональную библиотеку.

https://yangx.top/progbook/3524
#jquery #vuejs #frameworks

Переезжаем с jQuery на VueJS

Хотите перебраться на современные технологии, но ваш проект создан в эпоху jQuery?
Не отчаивайтесь - Vue отлично справится с этой задачей. Этот фреймворк умеет постепенно внедряться в приложение и незаметно устанавливать там свои порядки.

https://prglb.ru/2mnxy
#css #flexbox

Легендарная maconry-раскладка на флексах

Создать изящную и аккуратную плиточную раскладку на одном лишь CSS - задачка не из простых.
Но решить ее все-таки можно! Разбираемся с подводными камнями и знакомимся с секретными техниками flexbox-разметки.

https://prglb.ru/sihg
#projects

15 крутых идей для пет-проектов

Хватит читать статейки и смотреть на чужие работы - займитесь делом!
Без практики вы фронтендерские мышцы не накачаете.

Вот вам для начала 15 отличных идей для комплексной прокачки навыков.

https://prglb.ru/51v9h
#css

CSS свойство background-image как антипаттерн

Фоновое изображение в CSS - старый добрый друг, который спасал нас бесчисленное множество раз.
Но пришло время с ним попрощаться - и у нас на это пять причин (на самом деле всего четыре, но очень важные). Разбираемся в проблемах и альтернативах.

https://prglb.ru/4cb0s