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
Какое изначальное значение у CSS свойства flex-basis?
Anonymous Quiz
18%
1
16%
0
49%
auto
14%
inherit
3%
initial
@frontend_school #статья #React

9 полезных советов для тех, кто начинает знакомство с React.js

Если вы остановили свой выбор между React, Vue и Angular на первом, то эта статья для вас. В начале пути всегда сложно сделать первый шаг и не споткнуться. Если вы хотите избежать как можно больше ошибок и сложностей, то рекомендуем вам прочитать эту статью.

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

CSS filter Editor

Этот codepen-проект поможет вам правильно подобрать и настроить фильтры для изображения. Если вам лень самим подбирать, то вы можете воспользоваться пресетами и посмотреть как они будут выглядеть.

CodePen
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