![[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 17. Завершающий урок и итоги](https://habrastorage.org/webt/sy/fi/cs/syficsehk1e_zqiqrnakjnuoeiw.jpeg)
От переводчика. Итак, дорогие друзья, нам с вами всё-таки удалось совершить маленькое чудо — перевести на русский язык и сделать доступным для широкого круга русскоговорящих любителей электроники, микроконтроллеров и IT технологий, можно сказать, культовый курс по построению веб-серверов на Arduino. Это стартовая площадка, которая даёт базовое понимание ключевых технологий: микроконтроллеры, сетевое взаимодействие, структура веб-страниц, HTML, CSS, JavaScript, Ajax, Wiring, C++ и т. д. и т. п.
Подробнее![[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 16. CSS для позиционирования](https://habrastorage.org/webt/bm/io/6s/bmio6sdzn5e04w6psr6o9nongly.jpeg)
От переводчика. Для тех, кто ознакомился с курсом по созданию веб-серверов на Arduino, автор делает последние штрихи и даёт последние необходимые знания по устройству веб-страниц. Материал этой статьи не относится напрямую к построению серверов, но содержит необходимую информацию для овладения искусством создания красивых и функциональных веб-страниц. Читать дальше →
Подробнее![[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 15. HTML теги, CSS и JavaScript](https://habrastorage.org/webt/w1/mx/lk/w1mxlkptwn-fsfu2ss5tasyl1z0.jpeg)
От переводчика. Разбор работы непосредственно веб-серверов на Arduino закончен автором в предыдущих статьях, но остались нераскрытыми различные тонкости формирования дизайна и работы самих веб-страниц. В этом уроке автор «расставляет по полочкам» методы получения доступа к различным HTML элементам при помощи CSS и JavaScript и подробно объясняет механизмы управления внешним видом страниц. Читать дальше →
Подробнее![[Перевод] Starting Electronics: руководство по веб-серверам на Arduino. Часть 10. Введение в CSS](https://habrastorage.org/webt/ab/iz/dy/abizdyzcoigmshcxh7bvt3lj_r4.jpeg)
От переводчика. Автор даёт ещё один ключ для понимания того, как работают веб-технологии и на простом примере объясняет принцип работы каскадных таблиц стилей (CSS). После прохождения этого урока вам станет доступным самостоятельное оформление страниц вашего Arduino веб-сервера и после некоторой тренировки вы сможете создавать свои собственные шедевры веб-дизайна. Читать дальше →
Подробнее![[Перевод] CSS @layer — полное руководство по каскадным слоям](/uploads/habrahabr_logo.png){kind=logo}
Полным руководством о том, что такое каскадные слои, какой у них синтаксис, зачем они могут понадобиться и как поддерживаются браузерами делимся к старту курса по Fullstack-разработке на Python. Читать далее
Подробнее![[Перевод] Полное визуальное руководство/шпаргалка по CSS Grid](https://habrastorage.org/webt/ii/wm/o4/iiwmo4xd5llqegxpezthtndpepq.png)
Сегодня мы с вами рассмотрим свойства CSS Grid (далее также — Грид), позволяющие создавать адаптивные или отзывчивые макеты веб-страниц. Я постараюсь кратко, но полно объяснить, как работает каждое свойство. Что такое CSS Grid? Грид — это макет для сайта (его схема, проект). Грид-модель позволяет размещать контент сайта (располагать его определенным образом, позиционировать). Она позволяет создавать структуры, необходимые для обеспечения отзывчивости сайтов на различных…
Подробнее