HTML Academy

Мы уже поднимали тему того, где лучше работать — на фрилансе или в компании. Каждый сам выбирает, как ему комфортно, ведь любое трудоустройство имеет свои преимущества и недостатки.

Фриланс удобен тем, что вы сами контролируете процесс, включая время, когда вам комфортнее работать. Из минусов — здесь меньше стабильности, да и с небольшим опытом будет трудно найти достойный проект.

Если вы понимаете, что вы созданы для фриланса — почему бы и нет. Опять-таки, главное, чтобы вам нравилось. Специально по такому поводу мы сделали подборку популярных бирж для фрилансеров.

​Хлебные крошки — на английском «breadcrumbs» — термин, обозначающий навигационную цепочку на сайте. Обычно отображает страницу, на которой находится пользователь, и показывает путь к ней.⠀

Название «хлебные крошки» — отсылка к немецкой сказке братьев Гримм, в которой дети пытались найти обратную дорогу из леса по оставленным ими хлебным крошкам. ⠀
Хлебные крошки важны, так как они повышают удобство навигации по сайту, делают его структуру понятным и улучшают представления сниппета в результатах поиска. ⠀

Для того чтобы правильно создавать хлебные крошки, необходимо учитывать ряд требований:
🔸 Текущее положение пользователя нужно делать некликабельным;
🔸 Хлебные крошки лучше размещать в привычным для пользователя месте — например, под структурным меню веб-ресурса;
🔸 На главной странице не должно быть хлебных крошек;
🔸 Хлебные крошки должны содержать все промежуточные страницы;
🔸 Для отображения навигационной системы в поисковых системах необходимо выполнять микроразметку хлебных крошек.

Пример из жизни — навигация сайта бытовой техники: Главная -> Каталог -> Стиральные машины -> Bosch. ⠀

Микроразметка осуществляется путем добавления специальных HTML-атрибутов, которые сообщают поисковым роботам к какому типу контента относится элемент. Используйте популярный словарь разметки — Schema.org. Его поддерживают все поисковые системы.⠀

Для оформления хлебных крошек рекомендуется использовать такие форматы микроразметки — Microdata и RDFa.⠀

Если на вашем сайте больше двух уровней вложенности страниц, настоятельно рекомендуем воспользоваться хлебными крошками, чтобы сделать ваш ресурс более оптимальным для поисковиков и удобным для пользователя.

​PHP придумали в 1995 году, и тогда он ещё не был полноценным языком программирования. Это был набор скриптов для личной страницы одного программиста из Дании, но в итоге проект разросся так, что получил собственный синтаксис, поддержку дополнительных модулей и превратился в один из самых популярных языков программирования в мире. ⠀

Как и у любого языка программирования, вокруг PHP сложилось много мифов. Самый главный стереотип — то, что PHP умер и перестал быть актуальным. Давайте разберёмся, почему это не так.⠀

PHP уверенно развивается, на нём продолжают писать сайты. В целом, PHP работает, как типичный язык программирования, и имеет свои преимущества и недостатки. ⠀

Преимуществом PHP является его стабильность. На протяжении многих лет он находится в топ-10 языков программирования, согласно рейтингу TIOBE, и 2 года подряд занимает 8 место. TIOBE предоставляет статистику поисковых запросов в интернете. ⠀

По данным W3tech, 79% сайтов разработано на PHP. Как следствие, тяжело переписать PHP, так как это база большинства интернет-ресурсов, и есть риск, что при изменении многим сайтам понадобится время на то, чтобы адаптироваться. ⠀

Многие крупные сайты пишут код на PHP. Например, ВКонтакте, Facebook, Wordpress и многие другие. ⠀

Огромное количество сайтов, написанных на PHP, дают хорошую базу готовых решений и фреймворков. Более того, их количество ежегодно растёт. Это очень важно для джунов, так как на начальном этапе ни один работодатель не даст вам сложные задачи. Да и вообще, всегда проще учиться и понимать логику языка с помощью работы над готовыми решениями и примерами.⠀

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

​Всем привет! В эфире снова «Новости фронтенда», и в студии их постоянный ведущий — Кекс.

Кекс ознакомился со свежими выпусками подкаста «Веб-стандарты» и подготовил новый репортаж.

🔸 Chrome удалил сервер Push, так как фича не была востребованной.

🔸 Apple переходит на новую аппаратную архитектуру — ARM. Она может быть несовместима с текущим софтом, поэтому надо быть осторожным при переходе на новые процессоры.

🔸 Вышел веб-альманах, который даёт объективную информацию и статистику об HTML и CSS.

🔸 Вышла новая книга по CSS — Master the Skill of Debugging CSS.

🔸 Вышел Chrome 87. В Origin Trial появился Font access API, который позволяет посмотреть, какие шрифты есть у пользователя на локальном устройстве.

🔸 В Chrome Devtools появились инструменты дебага гридов и много полезных мелочей. Появилась возможность двигать табы. Самое приятное — DevTools начнёт работать на 37% быстрее.

🔸 Вышел новый Firefox 83. Появились конические градиенты, добавили и убрали незначительные фичи.

🔸 Релиз Safari 14 и 14.0.1. Были исправлены ошибки, заработали гриды в кнопках. В Safari Technology Preview 116 в CSS стали работать свойства translate, rotate и scale.

🔸 Тестирование модели краудфандинга, где разработчики при желании будут помогать финансово осуществлять идеи по внедрению тех или иных фич.

Если посмотреть на любой современный сайт, можно заметить, что он состоит не только из текста и иллюстраций, но ещё и из множества маленьких иконок и элементов. Они формируют стиль страницы и служат для удобства пользователя.

У новичков может возникнуть вопрос — как же сделать что-то похожее? Ответ содержится в тренажёре «Декоративные эффекты».

Тренажёр рассчитан на средний уровень подготовки и состоит из 6 частей, посвящённых созданию интересных интерфейсов с помощью CSS.

Вы узнаете о том, как правильно позиционировать декоративные элементы, о том, что такое двумерные трансформации объектов, научитесь работать с тенями и линейными градиентами в CSS. Последние две части посвящены работе над проектом «Кекстаграм», где вы станете мастерами в СSS-фильтрах и поработаете на JavaScript.

Visual Studio Code — один из самых популярных редакторов кода. Многие разработчики предпочитают его, так как он удобен в использовании и содержит множество полезных расширений, с помощью которых легко оптимизировать работу.

Полезные плагины помогают допускать меньше ошибок при написании кода, да и значительно сокращают время работы. Чтобы установить расширения, необходимо перейти во вкладку «Extensions» и с помощью поиска найти нужный плагин.

Чтобы вам было удобно работать, мы сделали подборку популярных и полезных плагинов VS Code. Какие ещё расширения могли бы рекомендовать?