Обновил справочник HTML для Андроид

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

Купить

Начинаем новый курс «JavaScript в браузере»

Реклама

Новости из HTML Academy: в новом курсе «JavaScript в браузере» появилась первая глава «Знакомство с событиями».

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

Курс доступен по подписке.

Конкурс на бесплатное участие в курсе HTML Academy

Реклама

Хотите научиться верстать, но что-то останавливает?

Новые начинания всегда связаны с переживаниями и страхом потерпеть неудачу. Мы предлагаем вам побороться с волнениями и внутренними запугивателями. Посмотрим вместе страху в лицо и не дадим ему ни единого шанса.

Трое самых храбрых участников получат:

Всем остальным участникам подарим подписку на интерактивные курсы.

Итак, чтобы принять участие:

  1. Напишите у вас на странице во Фейсбуке, Вконтакте или Инстаграме, почему вы хотите учиться на курсе, что вас пугает и что, как вам кажется, может помешать дойти до конца.
  2. Обязательно укажите ссылку на ваш профиль на сайте Академии.
  3. Поставьте в посте хештеги: #мненестрашенcss и #htmlacademy
  4. Вы должны быть подписаны на Академию, а ваш профиль открыт на время проведения конкурса. Иначе мы не увидим ваш пост.

Истории принимаются до 30 октября 12:00 по московскому времени. Вечером того же дня мы выберем пять лучших работ и выставим на голосование в нашей группе «Вконтакте».

31 октября в 19:00 подведём итоги конкурса.

Запись на «HTML и CSS, уровень 1

Реклама

Продолжается запись на «HTML и CSS, уровень 1», который пройдёт с 12 ноября по 23 января 2019 года. Курс пройдёт в новом формате.

Первые пять недель учеников ждут лекции и работа над личным проектом с наставником.

Он будет вас направлять, отвечать на вопросы и проверять качество работы.

В видео куратор курсов Академии Лена Петелина подробно рассказывает, как выбрать подходящего вам наставника.

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

После обучения вы сможете:

  • Решать типовые задачи верстальщика.
  • Использовать профессиональные инструменты.
  • Начать карьеру с первого проекта в портфолио.

Знакомство с гридами

Реклама

Новости из HTML Academy: в курсе «Построение сеток» появилась новая глава «Знакомство с гридами». Она доступна пользователям с активной подпиской.

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

Затем применим полученные знания на практике и сверстаем с помощью гридов пару небольших интерфейсов.

Готовы к знакомству с гридами?

Справочник HTML

Большой популярностью пользуется справочник HTML, поэтому обновил локальную версию, которая не требует подключения к Интернету и пользоваться ей можно даже в деревне. Был бы компьютер только.

Все примеры со всеми картинками теперь можно смотреть сразу в браузере!

Вот форма сразу для оплаты. Справочник стоит 59 рублей; как обычно, считайте это поддержкой сайта, чтобы в будущем были новые учебные курсы и руководства. Без вашей поддержки ничего этого не будет.

Кто уже приобретал, обновление должно прийти автоматом, лишний раз платить ничего не нужно.

Интенсивные или профессиональные курсы в Академии

Реклама

В HTML Academy есть интерактивные и профессиональные курсы. Чем они отличаются?

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

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

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

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

Профессия «Фронтенд-разработчик»

Реклама

Открыта запись на профессию «Фронтенд-разработчик», которая пройдёт с 21 января по 8 августа 2019 года.

Программа состоит из трёх профессиональных курсов, каждый из которой длится девять недель:

  • «HTML и CSS, уровень 1»
  • «HTML и CSS, уровень 2»
  • «JavaScript, уровень 1»

Обучение будет проходить под руководством личного наставника на протяжении всей программы.

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

Программа рассчитана на тех, кто планирует начать карьеру в IT. Для всех выпускников программы доступны тестовые задания, которые разработаны совместно с партнёрами для трудоустройства.

Выпускники также получат гарантированную оплачиваемую стажировку в «Лиге А».

Доступно разделение оплаты на три части.

Тесты на сайте

В силу непреодолимых технических трудностей перестала работать проверка знаний в виде тестов. Впрочем, плакать об этом не надо, есть отличная альтернатива на сайте webref.ru. Чем это всё лучше?

  • В конце теста показываются правильные и неверные ответы. Об этой возможности слёзно просили все годы существования сайта.
  • Проверяется понимание небольшой темы, соответственно, легко проверить знания в разных областях.
  • Тесты связаны с учебными курсами и основаны на них; в случае чего можно подтянуть пробелы в знаниях.
  • Тесты написаны более грамотно, в них нет дурацких вопросов (надеюсь).

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

HTML и CSS, уровень 1

Реклама

Открыта запись на курс «HTML и CSS, уровень 1», который пройдёт с 12 ноября по 23 января.

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

После обучения вы сможете:

  • Решать типовые задачи верстальщика.
  • Использовать профессиональные инструменты.
  • Начать карьеру с первого проекта в портфолио.

Подробнее о курсе

Бесплатный курс по SVG

Реклама

Бесплатный интерактивный курс по SVG познакомит вас с основами векторной графики и поможет разобраться с базовыми понятиями: линиями, прямоугольниками, окружностями.

Вы научитесь позиционировать, управлять цветом и размерами, собирать разные рисунки. А также сможете оформить SVG-фигуры с помощью заливок и обводок.

А новая глава «Размеры в SVG» позволит попрактиковаться с масштабированием и работой с атрибутами viewBox и preserveAspectRatio.

Пройти курс «SVG»

https://htmlacademy.ru/courses/svg?utm_source=htmlbook&utm_medium=blog&utm_campaign=courses_svg

Как хобби стало полноценным стартап-проектом htmllessons

Меня зовут Шушвал Максим. На данный момент я создатель и руководитель проекта htmllessons.ru – обучение по созданию сайтов в игровой форме. Я закончил колледж ПКГХ в Санкт-Петербурге по специальности «Программирование в компьютерных системах», проучившись эти четыре года я многое понял.

  1. Образование по созданию сайтов мягко говоря не очень.
  2. Ощущение того, что время тратится впустую.
  3. А если даже и было одна-две пары в неделю по сайтам, то это старый материал и тупо «голая» теория.

По итогу студенты, окончившие ВУЗ или колледж, выходят в мир с пустой головой и без нервной системы. Всё что получали – это голую теорию по pdf-файлам и никакой практики. В итоге у меня родилась идея альтернативного образования — htmllessons.ru. Немного предыстории…

Профессиональный JavaScript, уровень 1

Реклама

28 августа стартует онлайн-курс «Профессиональный JavaScript, уровень 1». Это будет шесть недель практического обучения на реальных проектах.

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

Участников ждут 20 часов живых лекций о JavaScript и работа над личным проектом под руководством персонального наставника. Обучение направлено на приобретение навыков, необходимых для работы над реальными задачами в крупных компаниях.

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

Для читателей сайта скидка 800 руб. по промокоду htmlbook-js1записаться на курс со скидкой.

Структурные псевдоклассы

Добавил новое руководство на webref.ru, посвящённое псевдоклассам :nth-child(), :nth-of-type() и другим схожим. Чем они отличаются друг от друга, для чего используются, как применяются — вот об этом всё и написано.

Соответственно обновил и справочник CSS, где расширил и дополнил описания этих псевдоклассов.

Как сделать ваш мобильный сайт быстрее

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

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

Вот несколько советов о том, как это сделать в 2018 году, когда Google решил запустить свой Mobile First Index.

Страницы