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
@frontend_school #ответ_на_задачу

Ну что?! Все смогли наладить связь с инопланетной цивилизацией? Или никто не смог приблизиться к разгадке их языка? Что ж, тем не менее, ниже вы найдёте вариант решения задачи №41 «Первый контакт».

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

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

На костре не пытаются сжечь и на том спасибо.
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Among Us

Сцена из игры Among Us, выполненная на HTML и CSS. Звёзды сделаны отдельными блоками, которые потом анимированы.
@frontend_school #статья

Почему pomodoro у разработчиков “не взлетает” и как с этим бороться?

Вы слышали о технике управления временем Pomodoro? Нет? Тогда рассказываем.

Суть техники в разбиение рабочего времени на промежутки по 25 минут работы и 5 минут отдыха. После четвёртого интервала наступает большой перерыв 15-30 минут.

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

Но суть в том, что многие не понимают как правильно пользоваться этой техникой и делают неправильные выводы на её счёт.

Сегодняшняя статья поможет вам лучше понять смысл техники и научит эффективно её использовать!

Читать статью
@frontend_school #викторина_недели

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

А вот топ-10 прошлой викторины:
🥇 @redd087 (47.2 сек)
🥈 @SpringerUa5 (36.3 сек)
🥉 @ProGloD5 (1 мин 7 сек)
 4. @Camrado5 (1 мин 11 сек)
 5. @Marianakukhar5 (1 мин 13 сек)
 6. @kitty_paws4 (22.8 сек)
 7. @zhenina_nadin4 (40 сек)
 8. @AlexeyKii4 (1 мин 8 сек)
 9. @ViktoriyaSaveleva4 (1 мин 53 сек)
 10. @hugoist4 (1 мин 36 сек)

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

Пройти тест
Небольшой опрос, чтобы быть лучше!
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Невозможная лампочка

Вы его не ждали, а он вернулся! Упрямый медведь снова в деле и в это непростое время он не позволит вам тратить электричество понапрасну. Выполнен на стандартном стеке HTML-CSS-JS + библиотека GSAP.

CodePen
@frontend_school #статья

Регулярные выражения для самых маленьких

Решая задача, связанные с работой со строками вы могли заметить, что многие простые действия над ними могут занимать достаточно много строк кода при попытке взаимодействовать посредством методов и алгоритмов. Регулярные выражения могут значительно упростить вашу работу, заменяя простыню кода буквально парой строк.
Да, сначала они могут показаться страшными и непонятными, но потратьте ещё немного времени и вы поймёте насколько они удобны.
В этой статье постепенно и с многочисленными примерами рассказывается о мире регулярок. Приятного чтения!

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

CSSBattle

Полезный сайт для тренировки навыков вёрстки. Ваша задача сверстать рисунок, используя только html и css. Размер рисунков фиксированный - 400х300.

С помощью этого сервиса вы сможете играючи прокачать свой скилл и показать другим игрокам чего вы стоите!

Перейти
Какое значение CSS-свойства float отсутствует?
Anonymous Quiz
62%
both
34%
none
3%
right
1%
left
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Диммерный выключатель

Сегодня предлагаем вам ознакомиться с кодом следующего проекта, а именно диммерного выключателя света. Каждый раз перезагружая страницу вы получите разный цвет освещения, а поворот выключателя меняет степень освещения. Посмотрите, как он реализован с использование Pug - Stylus - JS.

CodePen
@frontend_school #статья #JavaScript

Как правильно выбрать фронтэнд framework или почему нельзя верить сравнению фреймверков

Каждый кто изучает JavaScript рано или поздно приходит к вопросу «Какой же фреймворк выбрать для изучения?» Каждый специалист будет советовать тот, с которым работает он и поэтому его оценка будет не объективна. Так что же делать?

Предлагаем сегодня прочитать эту статью, которая с разных точек зрения смотрит на современные фреймворки и помогает определиться с тем, с чего же все-таки начать.

Читать статью
С помощью какого HTML-элемента можно добавить код JavaScript?
Anonymous Quiz
6%
<javascript>
88%
<script>
6%
<js>
0%
<scripting>