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

Используем Haml для генерации HTML

Если вы знаете о Less или Sass, то для понимая преимуществ, которые может дать использование Haml вам не потребуется много времени. Haml представляет из себя язык разметки с упрощенным синтаксисом. Написанный на нем код может быть компилирован в хорошо знакомый HTML. Как и другие препроцессоры, он предлагает не только видоизмененный синтаксис, но и новые конструкции языка: условные операторы, циклы, вставки кода из других файлов и т.п. Эта статья на тему основных преимуществ, которые дает Haml над олдскульной версткой содержит примеры для быстрого старта. Даже если вы пока что не собираетесь использовать препроцессор HTML, то для расширения кругозора рекомендую прочитать эту статью. Приятного чтения!
@frontend_school #статья #HTML

Html шаблонизатор Pug, документация на русском

Альтернатива вчерашнему Haml, Pug — это шаблонизатор Html, написанный на языке JavaScript для Node.js. После интерпретации сервером синтаксис Pug превращается в Нtml код.
Данная статья является весьма объёмной, так как здесь во всех подробностях рассматриваются все возможности этого препроцессора. Рекомендую разбить изучение статьи на несколько частей. Приятного чтения!
@frontend_school #статья #HTML #JavaScript

CANVAS шаг за шагом: Основы

Если верить англо-русскому словарю, то можно узнать что canvas переводится как холст, а если верить википедии, то можно узнать что тег canvas, это элемент HTML 5, который предназначен для создания растрового изображения при помощи JavaScript. Тому как создать это растровое изображение и будет посвящена сегодняшняя статья. Прежде чем начинать пробовать свои силы в этом не легком деле рекомендуется уже иметь базовые знания о том что такое HTML и с чем едят JavaScript.