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

В силу непреодолимых технических трудностей перестала работать проверка знаний в виде тестов. Впрочем, плакать об этом не надо, есть отличная альтернатива на сайте 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.

Обновления курсов по JavaScript

Реклама

В интерактивных курсах по JavaScript произошли большие изменения:

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

Курсы доступны по подписке за 390 руб. в месяц!

Хотите получить подписку в подарок от инструктора Кекса? Напишите своей рукой небольшой рассказ о том, почему вы хотите начать писать на JavaScript. Сфотографируйте письмо и выложите в инстаграм (или в другой социальной сети), отметьте нас и поставьте хештег #htmlacademy

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

Ежегодная конференция по фронтенду pitercss_conf

Реклама

Уже скоро 8 и 9 июня в Санкт-Петербурге пройдёт pitercss_conf — событие посвящённое вёрстке и фронтенд-разработке.

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

16 докладов на английском языке от разработчиков со всего мира: Björn Ganslandt (Intuio), Brenda Storer (Thoughtbot), Oliver Schöndorfer (86/60), Anna Migas (Lunar logic), Mathieu Henri (Microsoft), Shay Keinan, Roman Dvornov (Avito), Andrey Sitnik (Evil martians), Una Kravets (Bustle), Sergei Kriger (Sinnerschrader), Lisi Linhart, Andreas Larsen, José Manuel Pérez (Spotify), Kornel Lesinski (Imageoptim), Roman Prudnikov (2gis) и Maxim Salnikov.

Ведущий мероприятия Виталий Фридман из Smashing Magazine.

Организатор — HTML Academy, при поддержке Google, Mozilla, Uploadcare, Sinnerschrader, Авито, Контур, *Shishki. Билеты в продаже: на один или два дня, по ссылке скидка 1000 рублей от Академии — https://pitercss.com

Псевдокласс :checked

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

Как вам такой формат? Когда берём какое-то стилевое свойство или псевдокласс и рассматриваем его со всех сторон.

Самоучитель HTML

Обновил самоучитель HTML под Андроид. Главное добавление — практические задания по разным темам HTML. Задания простые, небольшие и с автоматической проверкой выполнения. Предназначены для закрепления навыков по написанию кода HTML. Теперь это действительно самоучитель.

  • Более 120 практических заданий по основам HTML, элементам списка, таблицам, аудио, видео и др.
  • Результат каждого задания, как он выглядит в браузере, можно сразу же просмотреть в отдельной вкладке.
  • Все пункты задания проверяются автоматически.

Вот как это выглядит на экране смартфона.

Устанавливайте, изучайте HTML, ставьте пять баллов, пишите хвалебные отзывы.

JavaScript с нуля за шесть недель

Реклама

Прокачаться, как фронтенд-разработчик и освоить JavaScript на практике можно этим летом с 29 мая по 11 июля на четырнадцатом потоке интенсива «JavaScript, уровень 1».

Что из себя представляет интенсив:

  • Живые лекции в формате стримов с Игорем Алексеенко, разработчиком и автором курса. Во время которых идёт взаимодействие с преподавателем через чат в реальном времени.
  • Работа над личным проектом. Вам предстоит реализовать техническое задание по оживлению готовой вёрстки.
  • Ревью кода от личного наставника на индивидуальных консультациях.
  • Контроль качества по специально разработанным критериям: финальную проверку проводит случайный наставник.
  • Условия работы приближены к реальному рабочему процессу джуниора на проекте в компании.

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

До 8 мая можно записаться на курс со скидкой.

.

Практический курс по HTML и CSS

Реклама

Изучение основ HTML и CSS и теории в целом — это хорошо. Но как начать применять их на практике?

Из чего состоит реальная работа верстальщика можно узнать из пятинедельного интенсива «HTML и CSS, уровень 1».

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

Курс рассчитан на новичков и желающих систематизировать базовые знания. Сложность интенсива варьируется сложностью выбранного проекта.

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

Если для вас комфортнее работать в спокойном темпе, то есть формат участия с продлёнными сроками: c 28 мая по 2 августа.

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

Реклама

Если хотите стать фронтенд-разработчиком до конца года, но не знаете как спланировать обучение и за что браться, то программа «Фронтенд-разрабочтик» для вас.

Открыта запись на профессию «Фронтенд-разработчик» с 6 августа по 26 декабря 2018 года. Всё обучение проходит онлайн, так, что его можно подстроить под свой график.

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

Программа состоит из трёх ступеней:

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

С проектами можно познакомиться заранее здесь.

В чём отличие программы от прохождения интенсивов по отдельности:

  • Увеличенные сроки защиты проектов. Возможность продолжать работу над проектом между курсами.
  • Больше консультаций с наставником на каждом этапе: 20 часов вместо 14.
  • Доступ к тестовым заданиям на трудоустройство и возможность стажировки в нашем продакшене «Лига А.». Мы разрабатываем их совместно с работодателями специально для выпускников Академии.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.