Size: a a a

Библиотека фронтендера

2019 July 28
Библиотека фронтендера
#vuejs

Небольшая статья с советами и полезными соображениями по работе с современным JavaScript фреймворком Vue.js.

https://prglb.ru/50j0i
источник
Библиотека фронтендера
#javascript #video

В качестве практики предлагаем написать цветные часы на JavaScript.

https://www.youtube.com/watch?v=demj6ly-Mjg
источник
2019 July 29
Библиотека фронтендера
#advanced

Что нового в JavaScript, узнаем из следующей статьи.

https://prglb.ru/1zlch
источник
Библиотека фронтендера
#react #awesome

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

https://github.com/enaqx/awesome-react
источник
2019 July 30
Библиотека фронтендера
#javascript #advanced

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

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

https://hackernoon.com/implementing-javascript-promise-in-70-lines-of-code-b3592565af0f
источник
Библиотека фронтендера
#javascript #beginners
Присваивание объектов и примитивных значений в JavaScript

Простое объяснение разницы между объектами и примитивами

https://nick.scialli.me/object-assignment-for-beginners/
источник
2019 July 31
Библиотека фронтендера
#react

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

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

https://prglb.ru/51sxj
источник
Библиотека фронтендера
#css

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

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

https://prglb.ru/3ab2b
источник
2019 August 01
Библиотека фронтендера
Что такое Throttling и Debouncing?

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

https://prglb.ru/1ombl
источник
Библиотека фронтендера
#vuejs

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

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

https://prglb.ru/wd8d
источник
2019 August 02
Библиотека фронтендера
#javascript #book

ES for Humans (2017)

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

https://t.me/progbook/3524
источник
Библиотека фронтендера
#jquery #vuejs #frameworks

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

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

https://prglb.ru/2mnxy
источник
2019 August 03
Библиотека фронтендера
#css #flexbox

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

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

https://prglb.ru/sihg
источник
Библиотека фронтендера
#projects

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

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

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

https://prglb.ru/51v9h
источник
2019 August 04
Библиотека фронтендера
#css

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

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

https://prglb.ru/4cb0s
источник
Библиотека фронтендера
#javascript #webworkers

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

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

https://prglb.ru/21jlh
источник
2019 August 05
Библиотека фронтендера
#react #video

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

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

https://prglb.ru/3hpof
источник
Библиотека фронтендера
#javascript #beginners

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

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

https://prglb.ru/3chww
источник
2019 August 06
Библиотека фронтендера
По какой фронтенд-теме вам хотелось бы больше материалов?
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
источник