Notes

создание web сайтов

готовые решения типичных задач
Имеются «хлебные крошки», о которых мы говорили выше
Разнообразие вариантов настройки
возможность работать через смартфон
Привлечение внимания
разработчик: Fabien Cazenave

Каждый Блок или Элемент могут иметь различные модели представления: цвет, форму, прозрачность и пр. Так же существует подход SMACSS (расшифровывается данный акроним как Scalable and Modular Architecture for CSS - Масштабируемая и Модульная Архитерктура для CSS), который разделяет понятие о классах и разметке на несколько уровней: базовый, макет, модуль, состояние, тема. К базовому уровню будет относиться всё, что касается непосредственно тэгов html. Таким образом мы представляем наш код, как композицию блоков, элементов и их модификаций. К уровню модуль мы будем относить всё, что касается переиспользуемых элементов страницы: баннеры, навигация, списки, блоки информации и пр. К уровню макета мы будем относить всё, что касается основных составляющих страницы: секции. Уровень Состояние описывает как будут выглядеть модули и секции в том или ином состоянии: отображаются или не отображаются, сжатые или раскрытые, активны или неактивны и пр. Уровень темы чем-то схож с уровнем Состояния и отражает как модули или секции могут выглядеть. В данном подходе используются следующие соглашения по именованию. Так как модули составляют основную часть проекта именовать их, используя префикс module- избыточно.

Бесплатное доменное имя на первый год использования
наличие zero-блоков

распространение: shareware
Заниматься продвижением ресурса
возможность подключения к Яндекс Метрике и Google Analytics

Зачастую, при расширении правил от мобильной версии к десктопной, приходится писать гораздо меньше кода, чем при работе наоборот: от десктопной версии к мобильной. Итак, заключительным этапом является написание JS скриптов. Но не стоит слепо доверять трендам, на сегодняшний день нативный JavaScript достиг такого уровня, что вам возможно уже не нужен jQuery. При создании веб страниц стало, практически, стандартом использование библиотеки jQuery, которая позволяет с лёгкостью манипулировать элементами web-страницы (DOM узлами), навешивать прослушку событий, отправлять запросы на сервер, обрабатывать результат выполнения и пр. Поэтому, прежде чем слепо прикреплять jQuery, стоит задуматься, так ли он нужен для ваших задач и не достаточно ли встроенных возможностей языка JavaScript. Важно отметить, что не рекомендуется использовать JavaScript для стилизации, то есть не стоит для того или иного объекта DOM (элемента страницы) добавлять портянку CSS свойств с помощью JavaScript, чтобы выделить его состояние и пр. Рекомендуется использовать классы, то есть заранее в CSS определить классы-состояния (активный, не активный, скрытый, использованный и пр.) и при манипуляции элементами просто добавлять или убирать соответствующие классы.
В этом случае при изменении размера окна одна колонка или рамка сохраняет одинаковую ширину, а другие изменяют размер и заполняют свободное пространство. Должен ли я убедиться, что эта страница работает одинаково как в Netscape Navigator, так и в Internet Explorer? Реально ли размещать страницу с приличным количеством анимации, звука и удивительных возможностей интерактивности в файле размером около 100 Кбайт? Macromedia решила большинство проблем совместимости и производительности, выпустив Flash, который стал полноценным компонентом инструментов веб-дизайна. Существуют плагины (дополнительные программы), которые встроены в браузер и используются для отображения Flash-страниц. Их называют Флэш-плеер. А в последних версиях Netscape Navigator и Internet Explorer эти плагины уже встроены (если нет, то их можно бесплатно скачать с сайта Macromedia). Кратко и ясно, что это такое. https://xintangtc.com/home.php?mod=space&uid=1681109 . И есть программа Flash, которая используется для создания этих страниц. В отличие от HTML, Flash работает в Internet Explorer точно так же, как и в Netscape Navigator. В Macromedia Flash используется специальный язык, позволяющий создавать «интеллект» для вашего сайта.
Опять-таки для работы с Sass потребуется командная строка. Опять-таки, принцип прост: зачем тратить время на написание одних и тех же строк или на проделывание одних и тех же манипуляций, если мы сразу можем сосредоточиться непосредственно на работе с проектом. В index.html, например, уже заранее прописаны основные куски кода, которые необходимы при написании html страницы. Данные сервисы помогают использовать в разработке, например, вышеописанные средства Jade и Sass, автоматически преобразовывать их в соответствующие файлы html и css, сжимать их, если необходимо, а так же проверять, например css свойства, на необходимость использования браузерных префиксов и подставлять их в автоматическом режиме. Оба сервиса используют различный подход в описании выполнения задач, но суть их работы одинакова. Так же многие сервисы вроде autoprefixer (автоматическая простановка браузерных префиксов), jshint (проверка JS кода на валидность) могут быть установлены как сторонние плагины в текстовом редакторе (Sumblime Text, Atom, Brackets) и инициализированы при нажатии определённого сочетания клавиш. Но стоит опять вспомнить о них, так как они, в определённой степени, помогают автоматизировать процесс разметки веб-страницы и работы с ней. Данные фрэймворки уже упоминались в разделе про дизайн. Таким образом мы экономим время, например, на описание расположения блоков дизайна, их размеров в зависимости от разрешения, внешний вид полей формы, кнопок и их состояния. При подключении файлов фрэймворков в проекте мы можем использовать определённые в них классы и сниппеты разметки, которые будут работать по уже описанным правилам и иметь установленный внешний вид (например, кнопки, поля ввода, таблицы и пр.). Данное описание не является исчерпывающим и представляет собой лишь поверхностный взгляд на некоторые технологии. Но прежде чем пускаться во все тяжкие, используя средства автоматизации, библиотеки, framework'и, готовый код и прочее, стоит, всё-таки, изучить основы работы с html, css и js.


My Website: https://www.udemy.com/course/dmitrii-fokeev-web-dev-essential/