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 #статья #JavaScript

Веб-фреймворки: введение для новичков

Полезная статья для тех, кто только начинает постигать фронтенд-разработку и, в частности, JavaScript. Здесь будет подробно изложено что такое фреймворк, зачем он нужен, как работает и где применяется. Приятного чтения
@frontend_school #задача

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

Условие:
Сделайте функцию, которая будет генерировать случайные числа от 1 до 10. Сделайте так, чтобы сгенерированное число было задержкой функции setTimeout в секундах. Оберните все это в промис. Пусть промис выполнится успешно, если сгенерировано число от 1 до 5, и с ошибкой - если от 6 до 10.

Присылайте свои варианты решения в чат! Если решение длинное, то разместите его в онлайн-редакторе, например jsbin или codepen и присылайте ссылку на результат!
@frontend_school #интересное

В сегодняшней рубрике интересное я хочу познакомить вас с интересным сервисом, который является шпаргалкой по CSS. На CSS VALUES можно воспользоваться поиском и фильтрацией по свойствам одной группы или свойствам с повторяющимся содержанием. Рекомендую к просмотру всем, кто изучает CSS в настоящее время.
@frontend_school #статья

Введение в методологию БЭМ

Сегодня я хочу поделиться с вами статьёй, рассказывающей о методологии БЭМ. Данная методология создана в Яндексе с целью упрощения разработки сайтов, их поддержки, ускорения и улучшения совместной работы разработчиков над проектом и так далее. Знание методологии и умение её грамотно применять является важным фактором при приёме на работу, поэтому ниже вы увидите две ссылки - на вводную статью и на официальный сайт, на котором вы сможете изучить все аспекты разработки на основе методологии. Приятного чтения!
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
50%
3
31%
2
10%
obj
10%
Error
@frontend_school #видео #git

Git. Быстрый старт. Урок 1 + Урок 2

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

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

Выполнен на React.

Идеально подошёл бы для какого-нибудь спортивного сайта, согласны?
@frontend_school #статья #JavaScript

Что ты такое, Event Loop? Или как устроен цикл событий в браузере Chrome

Для понимания однопоточного и асинхронного поведения кода, необходимо понимать по какому принципу они построены, и как именно они работают. Эта статья позволит вам разобраться в этом вопросе для лучшего понимания работы кода. Приятного чтения!
@frontend_school #видео #git

Git. Быстрый старт. Урок 3 + Урок 4 + Урок 5

Продолжение вчерашней публикации видеокурса по системе контроля версий Git.
@frontend_school #юмор

Когда не хочешь читать документацию, думая, что и так разберёшься.
@frontend_school #интересное и полезное

FLEXBOX FROGGY

Выполненный в форме игры сервис, который поможет вам разобраться в работе с Flex-box, чтобы в будущем вы могли без труда строить сайты.
@frontend_school #статья #HTML

Секции для контента в HTML5 — div или section или article?

HTML5 стал важной ступенькой для концепции семантического кода. Он отстаивает идею, что документ должен быть структурирован и используемые вами теги должны передавать смысл.
Помимо прочего, теги <section> и <article> были введены чтобы сделать области с контентом более значимыми, чем просто <div>. Но в каком случае мы должны использовать эти новые элементы и когда обычный <div> предпочтительнее? В этой статье вы сможете узнать когда и как лучше использовать те или иные теги для правильной семантики. Приятного чтения