Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.05K subscribers
488 photos
61 videos
1 file
169 links
Крутым фронтендером не рождаются - им становятся на канале @frontend_school!

Наш чат @frontend_school_chat

Наша флудилка @frontend_school_flud

Сотрудничество @jellyjail
Download Telegram
Небольшой опрос, чтобы быть лучше!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Невозможная лампочка

Вы его не ждали, а он вернулся! Упрямый медведь снова в деле и в это непростое время он не позволит вам тратить электричество понапрасну. Выполнен на стандартном стеке HTML-CSS-JS + библиотека GSAP.

CodePen
@frontend_school #статья

Регулярные выражения для самых маленьких

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

Читать статью
@frontend_school #полезное

CSSBattle

Полезный сайт для тренировки навыков вёрстки. Ваша задача сверстать рисунок, используя только html и css. Размер рисунков фиксированный - 400х300.

С помощью этого сервиса вы сможете играючи прокачать свой скилл и показать другим игрокам чего вы стоите!

Перейти
Какое значение CSS-свойства float отсутствует?
Anonymous Quiz
62%
both
34%
none
3%
right
1%
left
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Диммерный выключатель

Сегодня предлагаем вам ознакомиться с кодом следующего проекта, а именно диммерного выключателя света. Каждый раз перезагружая страницу вы получите разный цвет освещения, а поворот выключателя меняет степень освещения. Посмотрите, как он реализован с использование Pug - Stylus - JS.

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

Как правильно выбрать фронтэнд framework или почему нельзя верить сравнению фреймверков

Каждый кто изучает JavaScript рано или поздно приходит к вопросу «Какой же фреймворк выбрать для изучения?» Каждый специалист будет советовать тот, с которым работает он и поэтому его оценка будет не объективна. Так что же делать?

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

Читать статью
С помощью какого HTML-элемента можно добавить код JavaScript?
Anonymous Quiz
6%
<javascript>
88%
<script>
6%
<js>
0%
<scripting>
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Дизайнерская чаша

Чаша, может, и не блещет дизайном, но зато она может помочь вам в создании уникального и приятного дизайна вашего сайта! С помощью HTML-препроцессора Pug, CSS-препроцессора Stylus, JS библиотеки Jquery и толики магии эта чаша по клику выдаст вам пару цветов.

CodePen
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
20%
true true
34%
true false
16%
false true
30%
false false
@frontend_school #статья #JavaScript

Полное понимание синхронного и асинхронного JavaScript с Async/Await

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

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