Или почему лучше не использовать дивы и спаны для всего подряд.

Давным-давно (лет пятнадцать назад) почти все делали сайты и не переживали о том, что под капотом. Верстали таблицами, использовали всё, что попадётся под руку (а попадались в основном div и span) и не особо заморачивались о доступности. А потом случился HTML5 и понеслось.

Подробности читайте в блоге HTML Academy.

Разберитесь в нюансах вёрстки с HTML Academy — “Знакомство с HTML, CSS, JavaScript и PHP” бесплатно.

За три недели вы разберётесь в основах HTML и CSS, сверстаете свой первый макет и выложите его в интернет. Начинаем 1 марта!

На время марафона вы получите доступ к тренажёрам, необходимым для вёрстки проекта. Подпишитесь на рассылку, чтобы принять участие — во "Вконтакте" или в Телеграме.

В день старта марафона мы запустим чаты, там можно обсудить сложные моменты и задать вопросы обо всём, что непонятно.

В конце марафона среди дошедших до конца разыграем бесплатное участие на курсе «HTML и CSS. Профессиональная вёрстка сайтов», а все участники получат скидки на программы профессий, тренировочные материалы и профессиональные курсы.

А чтобы попробовать свои силы до марафона — “Знакомство с HTML, CSS, JavaScript и PHP” на тренажёрах уже бесплатно.

При поиске работы шансы получить хорошую должность увеличиваются, если у вас есть опыт. Работодатель охотнее возьмёт того, кто не только знает теорию, но и уже выполнял реальные задачи. Поэтому при обучении студентов HTML Academy отводит особую роль практике, ведь нам важно подготовить людей к реальной разработке по максимуму.

Так, освоение профессий «Фронтенд-разработчик» и «React-разработчик» делится на два этапа: обучение и производство.

Подробнее в статье

Лучший способ научиться веб-разработке — практика. Знакомство с HTML, CSS, JavaScript и PHP на тренажёрах — бесплатно.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

В этой статье разбираемся, как ставить пустые ссылки.

Есть несколько способов указывать пустые ссылки. Рассмотрим 7 и ещё один, чем грозит использование того или иного способа. Лучший способ научиться веб-разработке — практика. Знакомство с HTML, CSS, JavaScript и PHP на тренажёрах — бесплатно.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Опубликован в открытом доступе учебник по PHP.

Он состоит из шести глав:

• Знакомство с языком;
• Шаблонизация и подключение файлов;
• Протокол HTTP и формы;
• Идентификация пользователя на сайте;
• Базы данных;
• Объекты и использование библиотек.

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

А чтобы закрепить знания на практике, можно попробовать бесплатный тренажёр “Знакомство с PHP”.

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

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Прочитайте перед тем, как обучаться на курсах HTML Academy.

Сначала вы, воодушевлённые, рвётесь в бой, а потом начинается: работы много, голова болит, времени не хватает. Собрали для вас все секреты, чтобы подготовиться к профессиональным курсам. Рассказываем, как проходит обучение, без прикрас и утайки. Наши советы основаны на отзывах десятков студентов прошлых потоков.

Читать далее.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Если вы хотите делать крутые анимации на чистом CSS, как на гифках, то самое время пройти тренажёр «Динамические эффекты».

Это тренажёр для более продвинутых студентов, понимающих основы HTML и CSS. В нём вы научитесь оживлять элементы интерфейса с помощью анимации и трансформации.

Тренажёр состоит из двух частей — «Плавные переходы» и «Анимация». Всего в них 60 заданий. В первой части вы изучите, как плавно менять CSS-свойства, создадите красивые и функциональные элементы форм — радиокнопки, чекбоксы, переключатели и прочие.

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

Тренажёр можно пройти по ссылке.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Для всех, кто задумывается о старте в профессии программиста, но пока не уверен в своих силах, у нас есть бесплатный тренажёр «Знакомство с веб-разработкой». Тренажёр состоит из трёх частей, посвящённых основам HTML и CSS, JavaScript и PHP.

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

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Грядёт битва…

Как только пробьют куранты и небо над планетой Земля озарится салютами в честь Нового года, в мире на тёмной стороне интернета банды сойдутся в веб-сражении.

С 1 по 7 января участники будут бороться за легендарный чип Academy Corporation, который открывает бесплатное обучение профессии “Фронтенд-разработчик”.

Неважно, есть ли у вас опыт в веб-разработке. Даже если вы никогда не писали код, но очень хотите попробовать, город Скриптомск даст вам эту возможность.Присоединиться к союзникам и проходить мини-испытания можно будет уже с 21 декабря. Решайте задачи по HTML, CSS и JavaScript, сражайтесь с сильнейшими боссами из Academy Corporation и соперниками из других банд. Никаких багов: награду способен получить каждый! Заработанные киберкоины до 31 января можно будет обменять на скидки до 100% на подписку, до 15% — на профессиональные курсы, до 90% — на навыки и, конечно, бесплатное участие в профессии.

Если вы готовы показать себя в безумном мире HTMLPUNK и изменить свою жизнь в реальности — начинайте осваивать Скриптомск уже сейчас!

Вступить в битву

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

29-го декабря в 14:00 на лайве вас ждёт увлекательная беседа Лёши Симоненко — директора по развитию HTML Academy и Ромы Романова — CEO в GoSystems, руководителя отдела Discovery R&D Wargaming и куратора школы Икра.

На лайве обсудим:

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

Запись на лайв

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Для тех, кто хочет стать программистом, но пока не уверен в своих силах, есть бесплатный тренажёр «Знакомство с веб-разработкой».

Тренажёр состоит из трёх частей, посвящённых основам HTML и CSS, JavaScript и PHP.

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

Тренажёр отлично подходит для того, чтобы понять, подходит ли вам сфера веб-разработки. А разнообразие тем поможет вам определиться с направлением — фронтенд или бэкенд.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Для тех, кто уже работает с VS Code, мы, в HTML Academy, сделали подборку плагинов, которые ускорят работу и сделают всё красивеньким. А также рассказали, в чём фишка каждого из них. А если захотите сразу попробовать — прямо из статьи можете скачать хоть все.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Интерфейсы должны быть красивыми! И для этого в CSS море возможностей.

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

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

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

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

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Людям свойственно сомневаться. Особенно перед чем-то неизведанным в начале пути. Мы знаем, что среди вас есть много новичков, которые хотят стать веб-разработчиками, но не знают, с чего начать, и не понимают, надо ли это им на самом деле.

Специально по такому поводу в статье мы постарались ответить на самые популярные вопросы и подготовили большой план развития фронтендера в PDF.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.

Людям свойственно сомневаться. Особенно перед чем-то неизведанным в начале пути. Мы знаем, что среди вас есть много новичков, которые хотят стать веб-разработчиками, но не знают, с чего начать, и не понимают, надо ли это им на самом деле.

Специально по такому поводу в статье мы постарались ответить на самые популярные вопросы и подготовили большой план развития фронтендера в PDF.

Материалы о фронтенде, вёрстке и карьере в IT — раз в неделю в редакторской рассылке HTML Academy.