Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

21 термин из HTML-верстки

6.652 visualizaciones

Publicado el

Преподаватель программы обучения «HTML-верстка», технический директор digital-агентства PLUS8 Дмитрий Демидовский составил для «Нетологии» словарь из 21 термина, с помощью которых вы сможете лучше понимать разработчиков.

  • Sé el primero en comentar

21 термин из HTML-верстки

  1. 1. НА ОДНОМ ЯЗЫКЕ: 21 ТЕРМИН ИЗ HTML- ВЕРСТКИ, ЧТОБЫ ЛУЧШЕ ПОНИМАТЬ РАЗРАБОТЧИКОВ ПОДГОТОВЛЕНО:
  2. 2. Преподаватель программы обучения «HTML-верстка», технический директор digital-агентства PLUS8 Дмитрий Демидовский составил для «Нетологии» словарь из 21 термина, с помощью которых вы сможете лучше понимать разработчиков. На одном языке: 21 термин из html-версткиНетология ОТ СОСТАВИТЕЛЕЙ
  3. 3. Означают практически одно и то же: код, работающий в браузере. Для сравнения, в отличие от фронтэнда, бэкэнд (backend) исполняется на сервере. ВЕРСТКА, FRONTEND
  4. 4. Контент сайта (тексты, изображения, видео, аудио), сгруппированный по смыслу в иерархические блоки, обозначенные тегами. HTML-РАЗМЕТКА
  5. 5. Главное и единственное средство разметки контента. Обозначается треугольными скобками. Некоторые теги имеют начало и конец: <тег>…</тег>. Некоторые могут быть сами по себе. HTML-ТЕГ
  6. 6. «Кирпичик» сайта, его структурная единица. То, что образовано тегом. HTML-ЭЛЕМЕНТ
  7. 7. Дополнительный параметр тега, который определяет его вид или поведение. Пример атрибута: <тег имя_атрибута="значение_атрибута">. Один тег может иметь много атрибутов. АТРИБУТ
  8. 8. СТИЛИ, CSS Cascading Style Sheets (CSS) — каскадные таблицы стилей. Набор правил для оформления элементов.
  9. 9. CSS-СВОЙСТВО Параметр элемента, отвечающий за какой-либо один аспект его отображения. Например, размер или цвет.
  10. 10. CSS-ПРАВИЛО Определяет применение свойств к элементу или группе элементов. Правило может состоять из множества свойств.
  11. 11. СКРИПТЫ, JAVASCRIPT, JS Скрипты — «народное название» Javascript. JS — сокращение от Javascript. Код, отвечающий за взаимодействие с пользователем и за динамические элементы на сайте — слайдеры, меню, некоторые формы. Иногда его путают с Java. Это неправильно — это два разных языка с разными задачами.
  12. 12. Библиотека, написанная на JS. Очень популярна, выступает стандартом на множестве сайтов. JQUERY
  13. 13. Специальные теги, которые не отображаются непосредственно на веб-странице, но хранят дополнительную информацию о документе: кодировка, ключевые слова, данные для поисковых роботов и социальных сетей. МЕТАТЕГИ, МЕТАДАННЫЕ
  14. 14. Cпособ применять различные CSS-правила в зависимости от используемого устройства. Пример медиазапроса: @media screen and (max-width: 480px) { этот код будет работать только на мобильных устройствах с экраном меньше 480 пикс. } МЕДИАЗАПРОСЫ, MEDIAQUERIES
  15. 15. Фиксированная верстка имеет постоянную ширину, обычно около 1000px. На больших экранах центрируется, на маленьких обрезается. Пример фиксированной верстки — социальная сеть «ВКонтакте». ФИКСИРОВАННАЯ ВЕРСТКА (ФИКС)
  16. 16. Резиновая верстка подстраивается под экран в определенных заданных пределах. Например, от 1024px до 1920px. Пример — «Яндекс.Почта». РЕЗИНОВАЯ ВЕРСТКА (РЕЗИНА)
  17. 17. АДАПТИВНАЯ ВЕРСТКА (АДАПТИВ) Верстка, которая подстраивается под любой экран. Блоки могут перемещаться, скрываться и показываться, а также менять свое поведение. Пример — Smashing Magazine.
  18. 18. ФРЕЙМВОРК Набор компонентов, с помощью которых можно применять готовые решения для типовых задач (адаптивные элементы, способы навигации, элементы форм), а не писать их с нуля.
  19. 19. КРОССБРАУЗЕРНОСТЬ Способность сайта одинаково отображаться как в современных, так и в старых браузерах.
  20. 20. ВАЛИДНОСТЬ Соответствие вёрстки официальным утвержденным стандартам.
  21. 21. Подход, позволяющий ускорить загрузку и отрисовку верстки. Реализуется не верстальщиком, а разработчиками браузеров. КЭШ БРАУЗЕРА
  22. 22. НTML5-технология, заменившая Flash в плане отображения графики в браузере. Использует аппаратное ускорение, программируется на Javascript, позволяет делать сложную графику, в том числе трехмерную. КАНВАС, CANVAS
  23. 23. Дополнительные инструменты для обработки кода. Существуют и для HTML, и для CSS, и для JS. Призваны ускорить и упростить работу верстальщика за счет автоматизации и дополнительных возможностей, которых нет в языках изначально. Препроцессоры: для HTML — HAML, для CSS — SASS, для JS — CoffeeScript. Постпроцессоры: для CSS — Autoprefixer, для JS — yui compressor ПРЕПРОЦЕССОРЫ И ПОСТПРОЦЕССОРЫ
  24. 24. Переходим от теории к практике! Хотите получить профессию HTML- верстальщика и сделать свой первый макет за 1,5 месяца практических занятий? Жмите на кнопку. ЗАПИСАТЬСЯ
  25. 25. Занятия от ведущих специалистов Рунета Обучение с любого устройства Открытые занятия c экспертами Рунета. 3 раза в неделю. Онлайн университет для обучения наиболее перспективным профессиям Рунета. 1,5– 2,5 месяца. Интерактивные курсы по маркетингу и интернет- бизнесу, 100+ курсов. Доступ 24/7! FREE
  26. 26. ПРИСОЕДИНЯЙТЕСЬ К «НЕТОЛОГИИ» В СОЦИАЛЬНЫХ СЕТЯХ • Полезные статьи и видео по маркетингу и менеджменту • Материалы из курсов и учебных программ «Нетологии» • Скидки и конкурсы на бесплатное обучение

×