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
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
43%
[0, 1, 2, 3, 1, 2]
8%
[6, 1, 2]
4%
[1, 2, 6]
45%
[1, 2, 0, 1, 2, 3]
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Драм машина

Полноценная, работающая и издающая звуки драм машина. Приятный дизайн и несложная реализация.
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
32%
["J", "o", "h", "n"]
41%
["John"]
16%
[[], "John"]
11%
[["J", "o", "h", "n"]]
@frontend_school #ответ_на_задачу

По ссылке ниже представлено решение задачи №40 «Ищем опечатки».

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

Если вы не согласны с подобным решением или считаете, что ваш вариант лучше - делитесь ими в комментариях! Любые предложения приветствуются и помогают вам и другим подписчикам лучше понимать код!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Почти Minecraft

Сделан с помощью языка разметки Haml и SCSS, JavaScript тут не используется.
Почему "почти"? Ну, тут можно менять блоки, вращать объект и менять положение блоков, но вот монстров бить не выйдет 🤷‍♂️
В любом случае результат классный.
@frontend_school #статья #CSS

CSS-спрайты: что это, почему это полезно и как их использовать?

Термин «спрайт» пришёл из компьютерной графики и индустрии видеоигр. Идея была в том, что компьютер может создать изображение в памяти, а затем отображать только его часть, что гораздо быстрее чем создавать каждый раз новое изображение. CSS-спрайты имеют ту же идею: получить картинку один раз, отображать для каждого случая свою часть.
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Nodivember. Автомобиль

Сегодня в нашей рубрике очередной участник челенджа Nodivember. И как вы можете догадаться этот автомобиль и анимация сделаны на чистом CSS без использования HTML или JS. Проект классный, но жаль, что у автора не хватило опыта на создание более современной модели, да и по разметке ездить не самая хорошая привычка 🤔
@frontend_school #статья #JavaScript

У нас проблемы с промисами

Действительно крутая и полезная статья о промисах. Если вы думаете, что разбираетесь в промисах, то скорее всего вы ошибаетесь. Сегодня хочу вам предложить ознакомиться со статьёй, которая объясняет многие вещи, раскрывает нюансы и помогает понять и научиться правильно пользоваться промисами. Промисы вы обязательно будете использовать в своей работе, это точно. И чем раньше вы научитесь с ними работать, тем проще вам будет в дальнейшем.
Какое свойство CSS позволяет указать толщину рамки (border)?
Anonymous Quiz
17%
border-weight
32%
border-size
48%
border-width
3%
border-radius