Решайте кодинг-задачи и ищите работу анонимно на Арене → 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>')
});

​10 уроков команды SumUp

Разработка собственной дизайн-системы — дело непростое. Создатели Circuit UI делятся своим опытом.

https://prglb.ru/3gagu

​#frameworks #vuejs

15 must-have директив Vue для увеличения производительности

https://prglb.ru/2977i

​#video #css #layout

Флексы от А до Я

9 видеоуроков по Flexbox.

https://www.youtube.com/playlist?list=PL_uwZ1gR-hzJob04JV6m7eksx_MPnvDws

​#tools #editor

5 советов и хитростей для Visual Studio Code

VS Code – самый популярный бесплатный редактор. Вот 5 приёмов, которые сто процентов повысят вашу производительность!

https://proglib.io/p/5-sovetov-i-hitrostey-dlya-visual-studio-code-2019-10-13

​#effects #css

15 крутых эффектов для фона на CSS

https://prglb.ru/4822j