@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 #викторина

@frontend_school #ответ_на_задачу

По ссылке ниже представлено решение задачи №28.

Обращаю ваше внимание, что это только один из возможных вариантов решения. И если вы решили иначе, то это не значит, что ваш вариант неправильный.

Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!

@frontend_school #юмор

Пятничное видео вам в ленту 😉

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

Чекбоксы пиццы

Стили написаны на SCSS. При переключении происходит CSS анимация. Отлично подойдёт в качестве наглядного пособия для изучения 😉

@frontend_school #статья #CSS

Современный CSS для динозавров

— Двигать пиксели в CSS и так было трудно! А теперь мне говорят, насколько круто использовать несемантические названия классов, встроенные стили в HTML и даже писать стили CSS на JavaScript!
[Вставь тут гифку из «Гриффинов»] — Ха!
Иллюстрации из Dinosaur Comics Райана Норта

Цель этой статьи — показать исторический контекст, как развивались техники и инструменты CSS до их нынешнего состояния в 2018 году. Поняв эту историю будет легче понять каждый подход и как с выгодой его использовать. Приятного чтения!