#почитать #junior #middle

Подборка полезных для верстальщиков функций Chrome Devtools, которые ускоряют работу и в целом дают больше возможностей.

Читать статью

Как создать свой React

Очень рекомендую эту статью к изучению

В ней автор с нуля в интерактивном формате показывает, как создать свой React.

Если вам было интересно, как работает JSX, как писать хуки, да и вообще разобраться во внутренних механиках React - welcome.

Коротко о вчерашних событиях с Facebook

CCS Практика и Исходники

📜 Практика по CSS:
https://vladilen.notion.site/CSS-f650a04f167346c9a75ed833e360ea4e

🔗 Исходники начала урока:
https://github.com/vladilen-courses/cv

🔗 Финальные иходники:
https://github.com/vladilen-courses/css

💥 Сайт в результате:
https://vladilen-courses.github.io/css/

Фреймворк для терминала

#useful

Недавно нам прислали ранний доступ до инструмента Fig.

Позволяет существенно упростить и улучшить работу с консолью.

Поддерживает такие инструменты, как: Git, npm, Docker, Kubernetes и другие

Получить ранний доступ можете на сайте

Посчитать слова

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

Примеры:
wordCount("hello there") => 2
wordCount("I'd like to say goodbye") => 6

Любимые фреймворки разработчиков на Jamstack в 2021 году

JAMstack – это современная архитектура веб-разработки, основанная на клиентском JavaScript, повторно используемых API и предварительно созданной разметке.

Читать далее: https://css-tricks.com/jamstack-developers-favorite-frameworks-of-2021/

#jamstack #frontend

On / Off Switch

Для создания этого переключателя автор использует возможности препроцессора SCSS. Анимации реализуются при помощи библиотеки gsap.

#scss

Responsive House

При изменении положения слайдера изменяются значения дата-атрибутов, которые влияют на отображаемый контент.

#responsive