#css
Шаблоны для практического использования CSS Custom Properties
Все, что вы должны знать о пользовательских свойствах в CSS.
https://prglb.ru/3vynh
Шаблоны для практического использования CSS Custom Properties
Все, что вы должны знать о пользовательских свойствах в CSS.
https://prglb.ru/3vynh
#javascript #advanced #frameworks
9 проектов, которые ты можешь реализовать, чтобы стать мастером фронтенда в 2020
https://prglb.ru/1lnxa
9 проектов, которые ты можешь реализовать, чтобы стать мастером фронтенда в 2020
https://prglb.ru/1lnxa
#code #html
Сниппет для просмотра всех SVG в спрайте
Сниппет для просмотра всех 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
Разработка собственной дизайн-системы — дело непростое. Создатели Circuit UI делятся своим опытом.
https://prglb.ru/3gagu
#frameworks #vuejs
15 must-have директив Vue для увеличения производительности
https://prglb.ru/2977i
15 must-have директив Vue для увеличения производительности
https://prglb.ru/2977i
#video #css #layout
Флексы от А до Я
9 видеоуроков по Flexbox.
https://www.youtube.com/playlist?list=PL_uwZ1gR-hzJob04JV6m7eksx_MPnvDws
Флексы от А до Я
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
5 советов и хитростей для Visual Studio Code
VS Code – самый популярный бесплатный редактор. Вот 5 приёмов, которые сто процентов повысят вашу производительность!
https://proglib.io/p/5-sovetov-i-hitrostey-dlya-visual-studio-code-2019-10-13
#performance
Оптимизация изображений для веба: детальное руководство
Неоптимизированные изображения сильно ухудшают производительность вашего сайта. Нужно что-то с этим делать!
https://prglb.ru/1xkia
Оптимизация изображений для веба: детальное руководство
Неоптимизированные изображения сильно ухудшают производительность вашего сайта. Нужно что-то с этим делать!
https://prglb.ru/1xkia
#javascript #snippets
Копирование текста в буфер на JavaScript
Как скопировать фрагмент текста без использования сторонних библиотек?
https://prglb.ru/4jxbj
Копирование текста в буфер на JavaScript
Как скопировать фрагмент текста без использования сторонних библиотек?
https://prglb.ru/4jxbj
#css #library #digest
15 классных CSS-библиотек
Держите нестандартную подборку CSS-инструментов без бутстрапа и бульмы.
https://prglb.ru/50dsh
15 классных CSS-библиотек
Держите нестандартную подборку CSS-инструментов без бутстрапа и бульмы.
https://prglb.ru/50dsh
#game #html
Знаете ли вы HTML-теги?
У вас есть 112 секунд, чтобы вспомнить 112 тегов. Вперед!
https://prglb.ru/bpxc
Знаете ли вы HTML-теги?
У вас есть 112 секунд, чтобы вспомнить 112 тегов. Вперед!
https://prglb.ru/bpxc
Know your tags?
An HTML tag game
Frameworkless_frontend.pdf
3.6 MB
Frontend без фреймворков
Ты контролируешь свои зависимости или они контролируют тебя?
Ты контролируешь свои зависимости или они контролируют тебя?
#javascript #frameworks
Избыточная вариативность во Front-end Stack: суть и причины
Автор статьи отвечает на вопрос, почему во Front-end так много разных фреймворков и что способствует появлению новых,и выделяет критерии выбор технологии.
https://prglb.ru/1vaeo
Избыточная вариативность во Front-end Stack: суть и причины
Автор статьи отвечает на вопрос, почему во Front-end так много разных фреймворков и что способствует появлению новых,и выделяет критерии выбор технологии.
https://prglb.ru/1vaeo
Хочешь начать карьеру Front-End разработчика через 6 месяцев, но не готов платить за сомнительные курсы? Оплата обучения только после трудоустройства. Никаких рисков, так как в случае, если ты не найдешь работу, ты ничего не должен.
Как все устроено?
1. Подготовка с личным ментором online по индивидуальной программе
2. Поддержка по любым вопросам от студентов-разработчиков в чате slack
3. Изучение востребованного стека технологий: HTML/CSS/JS, React + Redux
4. Отработка знаний в настоящем коммерческом проекте и опыт для резюме
5. Возможность быстрого карьерного развития за счет выстроенной программы поддержки на 2 года: митапы, мастер-классы, закрытые лекции со спикерами и offline интенсивы
Какие условия для участия?
— Пройти отбор до 15 ноября: https://clck.ru/Jb6KG
— Заниматься 25 часов в неделю
— Быть готовым к переезду в Москву
Количество мест ограничено.
Как все устроено?
1. Подготовка с личным ментором online по индивидуальной программе
2. Поддержка по любым вопросам от студентов-разработчиков в чате slack
3. Изучение востребованного стека технологий: HTML/CSS/JS, React + Redux
4. Отработка знаний в настоящем коммерческом проекте и опыт для резюме
5. Возможность быстрого карьерного развития за счет выстроенной программы поддержки на 2 года: митапы, мастер-классы, закрытые лекции со спикерами и offline интенсивы
Какие условия для участия?
— Пройти отбор до 15 ноября: https://clck.ru/Jb6KG
— Заниматься 25 часов в неделю
— Быть готовым к переезду в Москву
Количество мест ограничено.
#css
Когда уже можно будет стилизовать select?
Селект - важный элемент форм, но он по-прежнему не поддается кастомной стилизации.
https://prglb.ru/3xo7y
Когда уже можно будет стилизовать select?
Селект - важный элемент форм, но он по-прежнему не поддается кастомной стилизации.
https://prglb.ru/3xo7y
Платформа, где фронтендеры анонимно ищут работу 👀
Смотрите, это новая платформа — Арена -> https://clck.ru/JbX7H. Никакого откровенного спама от рекрутеров или нерелевантных предложений (кое-кто путает Java и Javascript, ага!).
Арена не похожа на работные сайты, ведь здесь:
👁 не надо снова заполнять профиль: Арена подтянет данные про опыт и навыки из открытых источников и социальных сетей;
🔥 можно описать свои требования к вакансии — рекрутер отметит, чему компания готова соответствовать;
👨💻 можно подтвердить навыки — решите кодинг-задачи разного уровня [это поможет избежать тестового задания];
🔒 вы остаетесь в тени — мы откроем ваши контакты рекрутеру из компании только в том случае, если вы заинтересуетесь вакансией;
🙂 модерируют вакансии и вам не попадутся предложения с зарплатой ниже рыночной.
Ищите работу и получайте классные предложения → https://clck.ru/JbX7H
Ребята говорят, что у них уже есть классные вакансии от Reddit, Citymobil, Manychat, Aviasales, Uchi.ru и других компаний.
Смотрите, это новая платформа — Арена -> https://clck.ru/JbX7H. Никакого откровенного спама от рекрутеров или нерелевантных предложений (кое-кто путает Java и Javascript, ага!).
Арена не похожа на работные сайты, ведь здесь:
👁 не надо снова заполнять профиль: Арена подтянет данные про опыт и навыки из открытых источников и социальных сетей;
🔥 можно описать свои требования к вакансии — рекрутер отметит, чему компания готова соответствовать;
👨💻 можно подтвердить навыки — решите кодинг-задачи разного уровня [это поможет избежать тестового задания];
🔒 вы остаетесь в тени — мы откроем ваши контакты рекрутеру из компании только в том случае, если вы заинтересуетесь вакансией;
🙂 модерируют вакансии и вам не попадутся предложения с зарплатой ниже рыночной.
Ищите работу и получайте классные предложения → https://clck.ru/JbX7H
Ребята говорят, что у них уже есть классные вакансии от Reddit, Citymobil, Manychat, Aviasales, Uchi.ru и других компаний.
#javascript #core #beginners
Хроники JavaScript-объектов
Все, что вы хотели знать об объектах в JavaScript.
https://prglb.ru/qcub
Хроники JavaScript-объектов
Все, что вы хотели знать об объектах в JavaScript.
https://prglb.ru/qcub
#javascript #advanced #video
Транспиляция из async/await в генераторы
Небольшой скринкаст от Пятиминутки React, в котором вы детально разберетесь с работой async/await.
https://www.youtube.com/watch?v=czgxE_UQnDQ
Транспиляция из async/await в генераторы
Небольшой скринкаст от Пятиминутки React, в котором вы детально разберетесь с работой async/await.
https://www.youtube.com/watch?v=czgxE_UQnDQ
YouTube
Траспиляция из async/await в генераторы
В этом скринкасте я хочу повнимательнее посмотреть на работу async/await.
Попробуем вручную транспилировать async/await в генераторы, посмотрим как это делают Babel и TypeScript.
https://bit.ly/2L0RtMf - TypeScript Playground
https://bit.ly/2RmELsu - Babel…
Попробуем вручную транспилировать async/await в генераторы, посмотрим как это делают Babel и TypeScript.
https://bit.ly/2L0RtMf - TypeScript Playground
https://bit.ly/2RmELsu - Babel…