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
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Лабиринт

В воскресенье на обед у нас лабиринт. Управление на джойстике, что немного затрудняет задачу. А задача состоит в том, чтобы одновременно доставить все четыре шарика в центр. Выполнен на HTML, CSS и JavaScript.

CodePen
@frontend_school #викторина_недели

Это 14-я еженедельная викторина, основанная на вопросах, публиковавшихся в течении недели. Вы можете закрепить, полученные знания, ответив на несколько вопросов. Для ответа на каждый вопрос даётся 30 секунд.

А вот топ-10 прошлой викторины:
🥇 Alexander Shiryaev – 6 (1 мин 6 сек)
🥈 @LiveScript_lover5 (41.1 сек)
🥉 @AlexeyKii5 (1 мин 3 сек)
 4. @ViktoriyaSaveleva4 (47.5 сек)
 5. @dimmi_paws4 (1 мин 8 сек)
 6. @leonidshuliak4 (54.9 сек)
 7. @dan_mk4 (1 мин 17 сек)
 8. @zhenina_nadin4 (1 мин 43 сек)
 9. @Sa1amander833 (52.4 сек)
 10. @iryna_martyniuk3 (36.4 сек)

Проверьте свои навыки и знания!

Пройти тест
@frontend_school #статья #CSS

5 приемов CSS3 с псевдоэлементами ::before и ::after

Большинство людей считает, что большой разницы между псевдоклассами и CSS active нет. Но одно различие между ними все-таки существует.
Мы все знаем, что эти классы и элементы используются как часть CSS3. Данные псевдоэлементы были определены в CSS3.
В этой статье вы узнаете как можно использоваться эти псевдоэлементы.

Читать статью
@frontend_school #статья #HTML #Canvas

Индикатор искусственного горизонта на HTML5 canvas

В этой статье будет представлено воплощение средствами HTML5 одной из необычных идей по визуализации пространственного положения управляемого объекта. Код может использоваться в браузерных играх, имитирующих управление транспортным средством в трехмерном пространстве. Статья очень интересная!

Читать статью
Какое из свойств помогает управлять видимостью содержимого при переполнении блочного элемента?
Anonymous Quiz
20%
hidden
59%
overflow
9%
scroll
13%
visible
@frontend_school #статья #JavaScript

Декораторы JavaScript с нуля

Декораторы позволяют писать более чистый код придерживаясь концепции композиции. Они также помогают расширить функциональность для нескольких функций и классов. Таким образом, вы можете писать код, который легче отлаживать и поддерживать.

Читать статью
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
65%
3
5%
arr
22%
NaN
8%
undefined
@frontend_school #статья #HTML

Секреты использования семантической верстки в HTML5

Если вы более менее знакомы с HTML, то вы должны знать про HTML теги, которые в большинстве своём используются для форматирования контента — они говорят браузеру как показывать контент на странице. Они не дают определение типу содержащегося контента или какую роль играет контент на странице.
В этой статье вы узнаете как пользоваться семантической разметкой в HTML5 и как это делать правильно.

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