Думаю, самый популярный плагин в редакторе любого программиста, которому требуется верстать - EMMET.
Я сейчас только представил - как же без него не весело. Поэтому, хочу поделиться материалами, которые очень мне помогли:

1. Подробное руководство - EMMET молниеносная верстка

2. Шпаргалка по EMMET

✅В закладки!

#css #html

Ahmad Shadeed разбирает css файл обновленного дизайна Facebook.

👉Перевод

#css

Мета-теги для соцсетей.

👉Подробнее

#html

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

Вчера наткнулся на видео, где узнал много интересно. К сожалению, автор далеко не все моменты раскрыл, но посмотреть рекомендую.

ЗЫ Кто в курсе, насколько это важная тема - начинайте смотреть с 10минуты. На скорости х1.5 мне было комфортно.

👉Повышаем скорость загрузки сайта

#js #html #css

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

👉Подробнее

#html

Всем привет!

Вчера народ в чате спрашивал - чтобы начинающим посмотреть в YouTube по JavaScript?

Ну что же, получайте - свежий курс от Минина на 6часов 🤣🤣🤣

Что в курсе?
Переменные, типы данных, числа, BigInt, все о строках, функции, стрелочные функции, массивы, объекты, асинхронность, Promise, async await, работа с DOM и все это с использованием актуального синтаксиса 2020

👉Подробнее

#js

Всем привет!

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

Меня поставили на крупный проект, но проблема в том, что я пока там единственный разработчик, а задачи глобальные! Ещё удалёнка накладывет свой отпечаток - в офисе хоть спросить у коллег можно. Поэтому, приходится работать далеко не по 8часов((

Зато уже несколько серьезных ошибок исправил и пару фич реализовал.

Думаю, все будет норм! Учите работу с сервером, промисы, английский язык и если есть время - Typescript!

#работа

В канале для задач сделал Quiz на 10 вопросов по фронтенду - просьба заценить.
Лично мне очень понравилась идея и реализация.

PS И не забываем подписываться на канал с задачами - это же лучший способ прокачивать ваши базовые навыки. Для вас стараюсь!👍

Всем привет!

В Telegram появилась новая возможность - создавать Quiz's. Попробовал и мне очень понравилось, думаю каждую неделю буду делать такой тест из "старых" вопросов и закреплять в шапку. Таким способом можно будет быстро проходить нужный блок, делиться результатами (бот покажет в финале ваш результат и сравнение с общим результатом всех, кто прошел).
Лидеру, почет и уважение🥇👍

Так же, буду стараться прикреплять описание к вопросам, после ответа вы увидите лампочку, нажав на которую можно прочесть объяснение.

Ну что, давайте попробуем? Ставим лайк, кому понравилось - буду знать, стоит ли делать такие тесты, т.к. процесс довольно затратный.

Всем удачи!

🎲 Тест «Еженедельный тест на проверку знаний»
Блок задач с 1-10
🖊 10 вопросов · ⏱ 1 мин

Всем привет!

Многим уже надоело сидеть дома в изоляции - хочется общения, встреч, митапов... А что, кстати, с митапами? Все отменили и жизнь остановилась?
Оказывается, что не совсем так - многие перевели их в онлайн!
Желаете поучаствовать или выступить на подобном мероприятии? А может даже самому организовать? А, возможно, в вашем городе и раньше не было их, а принять участие хочется.
Тогда вот подборка онлайн-митапов на различные темы - https://meetups-online.ru/

Как я уже говорил - на всех собеседованиях и во всех тестовых у меня была работа с сервером.

Вот сервис с эмуляцией API - можете использовать для тестов фронтенда - https://reqres.in/

#api

Кто новичек в верстке, рекомендую сразу ознакомиться с БЭМ методологией, хотя бы в плане нейминга. И, если нет нужды в другом, использовать ее в своей работе. Да, некоторые могут сказать, что в будущем, в том же Реакте не обязательно ее использовать - но я не соглашусь.

На днях наткнулся на свежее видео, пролистал - не плохо там автор объясняет. Если есть свободное время, а опыта нет - рекомендую это видео.

Так же вот офф документация👈

#css

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

Поэтому, представляю перевод статьи об основных JavaScript библиотеках, для работы со строками.

👉Подробнее

#js

Всем привет!
Выкладываю победителей теста с прошлой недели!
Поздравляем!!! 🎉✌️🥇🥈🥉
Но на все 10 вопросов никто правильно не ответил. 🤣
Опубликовал новый тест на следующую неделю - 👉пройди и победи! - https://t.me/tasks_frontend/173 👈

Думаю, уже многие слышали о Deno - это безопасная среда выполнения для JavaScript и TypeScript от автора Node.js

👉Обзор возможностей Deno 1.0

#deno

Анимация это то, без чего невозможно представить сегодняшний веб. У меня даже одно тестовое было исключительно на понимание производительности анимаций.
Кто-то создаёт анимацию на JS, но CSS тоже не стоит забывать.

Вчера наткнулся на короткую, но хорошую статью - Анализ производительности CSS-анимаций

#css