Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.2K 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
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Дизайнерская чаша

Чаша, может, и не блещет дизайном, но зато она может помочь вам в создании уникального и приятного дизайна вашего сайта! С помощью HTML-препроцессора Pug, CSS-препроцессора Stylus, JS библиотеки Jquery и толики магии эта чаша по клику выдаст вам пару цветов.

CodePen
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
20%
true true
34%
true false
16%
false true
30%
false false
@frontend_school #статья #JavaScript

Полное понимание синхронного и асинхронного JavaScript с Async/Await

Когда только начинаешь програмировать на JS всё может показаться простым и понятным. Задачу можно даже нарисовать в виде блок-схемы. Но когда углубляешься дальше или начинаешь работать над реальным проектом оказывается, что не всё так просто. Появляются какие-то асинхронные запросы, которые то ли ждут что-то, то ли делают. В этой статье вы во всех подробностях изучите этот вопрос и сможете без труда использовать синхронные и асинхронные запросы.

Читать статью
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Kill The King

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

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

Вёрстка на Grid в CSS. Полное руководство и справочник

С появление CSS Flex, а также Grid верстать сайты стало гораздо проще. Многие "костыли" перестали быть необходимы, а адаптивность теперь стала простой как никогда раньше. Эта статья является подробным, а главное, понятным руководством по использованию CSS Grid.

Читать статью
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное

Диско-куб

Диско-шар уже не модно! Теперь в моде диско-куб. Приятный дизайн, забавная анимация и простая реализация - что ещё нужно для качественного CodePen проекта?! Выполнен на HTML и CSS с использованием препроцессоров Pug и Stylus соответственно.

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

26 советов для Vue, которые сэкономят ваше время

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

Читать статью
@frontend_school #юмор

Суперсила мечты Frontend-разработчика

Чтобы немного расслабиться в пятницу и перевести дух от полученных знаний, предлагаем вам сегодня прочитать эту небольшую статью, подготовленную нами на Дзене!
Суперзнания, чтение мыслей клиентов или что-то другое? Что выбрали бы вы?

Выбрать суперсилу
Какое изначальное значение у CSS свойства flex-basis?
Anonymous Quiz
18%
1
16%
0
49%
auto
14%
inherit
3%
initial
@frontend_school #статья #React

9 полезных советов для тех, кто начинает знакомство с React.js

Если вы остановили свой выбор между React, Vue и Angular на первом, то эта статья для вас. В начале пути всегда сложно сделать первый шаг и не споткнуться. Если вы хотите избежать как можно больше ошибок и сложностей, то рекомендуем вам прочитать эту статью.

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

CSS filter Editor

Этот codepen-проект поможет вам правильно подобрать и настроить фильтры для изображения. Если вам лень самим подбирать, то вы можете воспользоваться пресетами и посмотреть как они будут выглядеть.

CodePen