Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.21K subscribers
550 photos
66 videos
3 files
252 links
Крутым фронтендером не рождаются — им становятся на канале @frontend_school!

Наш чат: @frontend_school_chat
Наша флудилка: @frontend_school_flud

Другие проекты: t.me/addlist/dIq-3zEMMugwZTgy

Мы в VK: vk.com/frontend_school

Связь: @jellyjail
Download Telegram
Какое значение надо указать у свойства box-shadow, чтобы тень отображалась внутрь блока?
Anonymous Quiz
37%
inset
7%
outer
23%
-1 px -1 px
34%
inside
@frontend_school #ответ_на_задачу

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

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

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

JavaScript - Циклы

Сегодняшняя статья носит обучающий характер и направлена на тех, кто только начинает постигать премудрости JavaScript. Иногда трудно найти хороший материал, который понятно и подробно объяснит то, что от него требуется. Данная статья, как мне кажется, с этим отлично справляется. Приятного чтения!
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
24%
I'm pink. 🌸
32%
I'm pink. 🌸 I'm a bird. 🐤
31%
I'm a bird. 🐤 I'm pink. 🌸
2%
I'm a bird. 🐤
10%
Ничего
@frontend_school #задача #вёрстка_по_макету

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

Присылайте свои варианты вёрстки в чат! Можете разместить свой вариант на github, codepen или просто кинуть архивом в чат!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Рассыпающийся текст

При наведении на текст он рассыпается в месте нахождения курсора. Реализован с помощью препроцессора SCSS и JavaScript.
@frontend_school #статья #JavaScript

Как начать думать функционально в JavaScript

Чтобы освоить навык функционального программирования – или ФП, как его иногда называют по-модному – потребуется время; но как только вы вникнете в суть, вам откроется целый новый мир. Вы также сможете разрабатывать код, который легче поддается анализу.
Какой из перечисленных вариантов не является псевдо-классом?
Anonymous Quiz
50%
:root
24%
:first-line
6%
:active
12%
:first-child
8%
:hover
@frontend_school #полезное

6 лучших браузеров для разработчиков в 2020 году

Веб-разработчики делают гораздо больше, чем просто просматривают страницы онлайн. Именно по этой причине среднестатистическому кодеру нужен браузер, способный на множество разных вещей. Например, тот, который поставляется с плагинами, позволяющими просматривать код вдохновляющих сайтов. Кроме того, вы можете искать браузер, который дает вам возможность увидеть, как некоторые проекты будут выглядеть на разных экранах.
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Анимированный индикатор температуры

Выполнен на чистом CSS, но если прикрутить к нему javascript, то можно заставить его показывать реальные значения, взятые откуда вам необходимо.
@frontend_school #статья #CSS

сalc() в CSS3. Великолепные возможности для responsive верстки.

calc() довольно новая и еще совсем редко используемая функциональность в CSS3. Она позволяет задавать несложные арифметические операции непосредственно в описании стилей с участием всевозможных единиц измерения. Это очень удобно для вычисления размеров, позиций, трансформаций.. и даже цветов элементов. Давайте разберемся, где все это может пригодиться и стоит ли это того.
Какое значение будет присвоено переменной result?
Anonymous Quiz
16%
false
22%
262
27%
2009
26%
true
9%
2271
@frontend_school #видео

Асинхронность в Javascript больше не страшна. Как перестать отлаживать асинхронные вызовы и начать жить (Андрей Саломатин)

Классические триллеры вроде «Callback Hell» и «Pyramid of Doom» потеряли свою актуальность настолько, что даже Java-программисты перестали пугать ими невинных джуниоров. Всё благодаря паттернам и библиотекам. Streams, Promises, Async-Await и другие изменили наш код. Теперь он прекрасен. Пока ещё вымысел? Поговорим о том, как сделать эту картину реальностью. Об основных практиках асинхронного программирования. Принципах их работы, отличиях и сценариях использования.