​#javascript #tools

Пользовательские правила eslint

Из этой статьи вы узнаете,
- как настроить eslint, чтобы добавление правил было таким же простым, как и написание другого кода в проекте;
- как создать пользовательское правило линтинга.

https://prglb.ru/30vi2

​#interface #code #css

Карусель изображений на чистом CSS

Полностью функциональная карусель со стрелками и контролами без единой строчки JS.

https://prglb.ru/4yfkh

​#javascript #core

Rest и Spread в JavaScript. Возможности, о которых вы не знали

У новенького оператора ... большие возможности. Из статьи вы узнаете о не самых очевидных способах его использования.

https://prglb.ru/4txkf

​#interface #html #accessibility

Все, что вы хотели знать об атрибуте inputmode

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

https://prglb.ru/5x3q4

​#javascript #api

Как работает Intersection Observer

Вероятно, вы уже не раз пользовались этим замечательным API браузера, но знаете ли вы, как именно работает Наблюдатель? Автор статьи разобрался и готов поделиться своими открытиями с вами.

https://prglb.ru/ye6q

Решайте кодинг-задачи и ищите работу анонимно на Арене → https://clck.ru/JTW6Z

➕ создайте профиль — Арена, скорее всего, предзаполнит его открытыми данными из ваших соц.сетей

➕ решайте кодинг задачи и показывайте свои навыки

➕ составьте свой райдер, аки рок-звезда — компаниям придется ему соответствовать

➕ компании откликаются, вы можете отклонять их

На Арене уже есть вакансии Ivideon, ATOL, Pladform и других. Сюда попадают только компании с адекватной рынку ЗП.

#frontend #digest #beginners

General frontend FAQ

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

https://prglb.ru/1e0fz

​​Хочешь бесплатно научиться программировать?

«Школа 21» - бесплатный образовательный проект Сбербанка, школа открыта в Москве и в декабре 2019 года открывает свои двери в Казани.
Для поступивших в школу в Казани из других городов будет предоставлено общежитие.

Получи junior или senior degree, без учителей, без лекций, без оценок.
«Школа 21» работает 24/7 - без графиков и расписания, ты сам определяешь, когда тебе учиться. Поступление не зависит от предыдущих знаний, опыта работы, умения программировать и наличия диплома. Поступить в нее может каждый достигший 18 летнего возраста.

Набор уже открыт и проходит в игровой форме.
Не теряй время, переходи на сайт Школы, выбери кампус, в котором ты хочешь учиться и подай заявку на обучение до 2 декабря:
https://prglb.ru/1erq

#javascript #books

JavaScript Quick Syntax Reference

Краткий справочник по синтаксису JavaScript.

​#frameworks #vuejs

11 хуков жизненного цикла Vue.js

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

https://prglb.ru/5cjqh

​#css #html

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

Множество способов сделать картинки адаптивными.

https://prglb.ru/3tzet

​#javascript #performance #advanced

Подводные камни производительности JavaScript в V8

Детальный разбор работы движка от одного из его создателей.

https://prglb.ru/3360y

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

В SkillFactory стартует целая специализация «Фронтенд-разработчик», где вы изучите HTML, CSS и JS с основ и до реальных рабочих задач: https://clc.to/HXJjsg

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

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

Узнайте больше о возможностях: https://clc.to/HXJjsg

​#javascript #performance #cheatsheets

Шпаргалка от Эдди Османи по приоритетам загрузки скриптов

https://prglb.ru/4jxkx

​#javascript #advanced #video

Неблокирующее асинхронное итерирование в JavaScript

Лекция от Тимура Шемсединова.

https://www.youtube.com/watch?v=wYA2cIRYLoA&list=PLHhi8ymDMrQZad6JDh6HRzY1Wz5WB34w0&index=30&t=0s

​#javascript #wasm

Кто заменит JavaScript?

Готов ли WebAssembly заменить JS, и что это даст разработчикам?

https://prglb.ru/33nac

​#frameworks #react

Поднятие состояния убивает ваше приложение

Поднятие состояния — одна из 12 основных концепций React. Чем она плоха и почему не следует слепо верить документации?

https://prglb.ru/5ir7n

​#css

Шаблоны для практического использования CSS Custom Properties

Все, что вы должны знать о пользовательских свойствах в CSS.

https://prglb.ru/3vynh

#javascript #advanced #frameworks

9 проектов, которые ты можешь реализовать, чтобы стать мастером фронтенда в 2020

https://prglb.ru/1lnxa

#code #html

Сниппет для просмотра всех SVG в спрайте

const sprite = document.querySelector("#sprite");
const symbols = sprite.querySelectorAll("symbol");

symbols.forEach(symbol => {
  document.body.insertAdjacentHTML("beforeend", 
  '<svg width="50" height="50">' +
     '<use xlink:href="#${symbol.id}" />' + 
  '</svg>')
});