Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
995 subscribers
503 photos
62 videos
1 file
183 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

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

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

Бутерлоадер

Такой забавный и приятный лоадер отлично подойдёт для какого-нибудь кулинарного сайта или кафе, а делается достаточно просто. В этом проекте автор использовал всего две технологии - HTML и SCSS. Попробуйте повторить!
@frontend_school #задача №41

Первый контакт

Мы долго этого ждали и, конечно же, это случилось именно в 2020 году! Впервые с нами на связь вышла внеземная форма жизни и пытается начать с нами диалог! Но вот незадача, они посылают нам сообщения на непонятном языке и только вы можете помочь нам избежать межгалактического конфликта! Поможете нам?

Условие:
Написать функцию, которая будет принимать строку и переводить её в соответствии со словарём. Словарь доступен по этой ссылке.

Задание со звёздочкой:
Написать функцию так, чтобы она могла переводить в обе стороны - с инопланетного на человеческий и наоборот.

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

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

Или когда первый раз верстаешь по макету
@frontend_school #интересное

Редактор clip-path

Сегодняшний проект нацелен на облегчение жизни всем, кто на него наткнулся. С помощью этого редактора вы можете настроить анимацию, форму, размер элемента clip-path просто выбирая готовые пресеты и настраивая их с помощью шаблона превью. А дальше вы просто открываете вкладку CSS code или Preset code и копируете содержимое в ваш проект. Здорово! Правда?!

Добавляйте пост в избранное, чтобы не потерять и делитесь с друзьями-разработчиками!
@frontend_school #статья #VSCode

10 полезных плагинов для VS Code, которые сильно облегчают работу

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

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

Ребята, это не наш случай! Продолжаем кодить и набираться опыта!! 😄
@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 минут.

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

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

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

Читать статью