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

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

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

Мы в VK: vk.com/frontend_school

Связь: @jellyjail
Download Telegram
@frontend_school #видео #git

Git. Быстрый старт. Урок 6 + Урок 7 + Урок 8

Продолжаем нашу серию публикаций, посвящённых видеурокам по Git
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Анимированное меню

Интересно реализованное меню с анимацией, которое украсит ваш сайт и сделает его привлекательнее.
@frontend_school #статья #JavaScript

Контекст выполнения и стек вызовов в JavaScript

Если вы — JavaScript-разработчик или хотите им стать, это значит, что вам нужно разбираться во внутренних механизмах выполнения JS-кода. В частности, понимание того, что такое контекст выполнения и стек вызовов, совершенно необходимо для освоения других концепций JavaScript, таких, как поднятие переменных, области видимости, замыкания.
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
13%
0 и true
57%
1 и false
13%
false и NaN
17%
1 и NaN
Так увлёкся, что даже две викторины в один день получилось 😄
Ну ладно, отвечайте тогда 🤷‍♂️
@frontend_school #видео #git

Git. Быстрый старт. Урок 9 + Урок 10 + Урок 11

Заключительная часть уроков по Git. Надеюсь они помогли вам и теперь вы умеете пользоваться контролем версий 😊
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Переключатель в технологичном стиле

Переключатель выполнен с использованием React, а сами картинки SVG. Выглядит весьма эффектно
@frontend_school #статья

От нуля до героя фронтенда. Часть 1

Этот гайд поможет вам сориентироваться в изучении фронтенд-разработки. В нём собраны учебные ресурсы, уже доказавшие свою эффективность, и подробные объяснения.
Руководство разбито на две части для более простого усвоения материала. Часть 1 посвящена разработке интерфейсов на HTML и CSS. Часть 2 будет о Javascript, фреймворках и паттернах дизайна.
Что будет выведено в консоль в случае нажатия на странице на блок, представленный в коде на изображении выше?
Anonymous Quiz
36%
div p
22%
p
13%
div
30%
p div
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #задача

Like a Gogol

В сегодняшней задаче мы с вами побудем Гоголем и сожжём, а точнее сотрём то, что нам не нравится!
Кстати, нам очень не нравятся символы, которые стоят перед знаком #.

Условие:
Предположим, что «#» - это клавиша backspace. Это означает, что строка «a#bc#d» на самом деле является «bd». Ваша задача - обработать строку с символами "#" и вернуть новую, но уже с удалёнными символами, согласно проставленным знакам #.

Примеры:
"abc#d##c" ==> "ac"
"abc##d######" ==> ""
"#######" ==> ""
"" ==> ""
"abc##" ==> "a"

Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Форма для отписки от рассылок

С такой формой никто не решится отписаться даже от рассылок по увеличению 🍆 😄
@frontend_school #статья

От нуля до героя фронтенда. Часть 2

Это вторая статья из серии “От нуля до героя фронтенда”. В первой части вы научились создавать раскладку при помощи HTML и CSS и познакомились с некоторыми лучшими практиками. Во второй части мы сосредоточимся на изучении языка JavaScript, способах добавления интерактива в интерфейс, принципах и основных шаблонах в JavaScript и на создании веб-приложений.
@frontend_school #викторина_недели

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

А вот топ-10 прошлой викторины:
 🥇 @rat66666 (1 мин 10 сек)
 🥈 @glebmak5 (1 мин 4 сек)
 🥉 @dan_mk5 (1 мин 14 сек)
 4. Максим Бернадский – 5 (1 мин 15 сек)
 5. @Viktoriia_Maxy5 (1 мин 54 сек)
 6. @YeskinaA4 (55.9 сек)
 7. @Laokaorum3 (1 мин 19 сек)
 8. @zhenina_nadin3 (1 мин 7 сек)
 9. @Elena_mariupol3 (1 мин 42 сек)
 10. Roman R. – 3 (2 мин)