@frontend_school #интересное

Анимированные радио-кнопки

При выборе кнопки происходит анимация, созданная с помощью CSS, CSS-трансформации и CSS-анимации.

@frontend_school #статья #JavaScript #React

Введение в React, которого нам не хватало

Хочу сразу обратить внимание подписчиков на то, что эта статья не означает, что мы теперь тут еще и фреймворки будем изучать и распаляться на всё и сразу. Нет, не переживайте. Данная статья опубликована для тех, кто уже имеет определенные знания в JavaScript и хочет идти дальше, но не знает куда или не может определиться с тем, какой фреймворк изучать. Сегодня предлагаю вам ознакомиться с React, а позднее будут также подобные статьи и о других библиотеках, чтобы вы могли определиться с выбором. Приятного чтения!

@frontend_school #викторина

@frontend_school #туториал

Сегодняшний туториал посвящён созданию календаря.Изучив его, вы сможете сами создавать календарь для ваших проектов, используя изученные приёмы, но уже по вашему вкусу. Туториал состоит из двух частей, ссылки на обе части ниже. Приятного просмотра!

@frontend_school #юмор

@frontend_school #интересное

Калькулятор

При создании использовался HTML, препроцессор SCSS и чистый JS.
Интересный проект с точки зрения реализации. Можете попробовать написать аналогичный.

@frontend_school #статья #CSS

Препроцессор CSS: обзор, выбор, применение

Абсолютно все опытные верстальщики используют препроцессоры. Исключений нет. Если вы хотите добиться успеха в этой деятельности, не забывайте об этих программах. С первого взгляда они могут вызвать у новичка тихий ужас – это уже слишком похоже на программирование! На самом деле можно разобраться со всеми возможностями препроцессоров CSS примерно за день, а если постараться, то и за пару часов. В дальнейшем они существенно упростят вам жизнь.

@frontend_school #викторина

@frontend_school #полезное

Опознаём плохие условия работы по текстам вакансий

Рано или поздно, но наступает этап, когда ты готов применять свои знания на практике и монетизировать их. Но как не наткнуться на вакансию, которая превратит твою жизнь в пытку и нежелание работать с тем, чему ты так долго учился? Эта статья поможет вам ещё на стадии поиска работы отсеять плохие вакансии. Ну и потом всегда забавно почитать какую ерунду пишут не разбирающиеся в вопросе HR'ы при поиске кандидатов. Приятного чтения!

@frontend_school #юмор

Фанатам регулярок посвящается..

@frontend_school #интересное

Индикатор загрузки

5 разных интересных индикаторов загрузки, которые вы можете использовать на своём сайте. Сделаны с помощью SVG и CSS.

@frontend_school #статья

Готовимся к собеседованию по фронтенду: 15 вопросов

Автор статьи, перевод которой мы сегодня публикуем, приводит 15 вопросов, которые задавали на собеседованиях ему, и которые он задавал соискателям на должности фронтенд-разработчиков сам.

@frontend_school #викторина

@frontend_school #задача №28

Сегодня я предлагаю вам проверить свои знания вёрстки и реализовать страницу аналогичную той, что на видео.

Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!

@frontend_school #юмор

@frontend_school #интересное

Анимированное оформление заказа

Довольно необычный способ реализации, учитывая, что здесь в качестве языка разметки используется не HTML, а HAML. Вдобавок ко всему стили написаны с использование препроцессора SCSS. Проект интересен тем, кто уже изучает препроцессоры, как наглядное пособие. Попробуйте реализовать похожий проект для более точного понимания сути препроцессоров.

@frontend_school #статья #JavaScript

Руководство по обработке ошибок в JavaScript

Сообщения об ошибках помогают нам улучшать код, они позволяют сообщать пользователям наших проектов о том, что что-то пошло не так, и, возможно, рассказывают пользователям о том, как нужно вести себя для того, чтобы ошибок больше не возникало.
Этот материал, посвящённый обработке ошибок в JavaScript, разбит на три части, поэтому рекомендую его читать с перерывом на переваривание информации. Приятного чтения!

@frontend_school #викторина