htmlbook.ru | Для тех, кто делает сайты

Вышел новый онлайн-курс «JavaScript в браузере»

Реклама

В разделе «Основы JavaScript» появился новый курс — «JavaScript в браузере». Он состоит из 21 задания, включая два испытания от Кекса. Посмотрим, как JavaScript работает в браузере, а не в консоли, как взаимодействует с разметкой. Узнаем, что такое DOM и создадим разметку с JavaScript.

Кекс, естественно, подготовил новое техническое задание:

«Мяу! На сайте магазина мороженого надо отображать актуальное состояние товаров: «в наличии», «нет в наличии», «хит». Ещё будет нужно создать карточки товаров, основываясь на данных, полученных с сервера.

Все детали я описал в заданиях.»

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

Знакомство с JavaScript

Реклама

В прошедший понедельник Кекс бросил вызов нашим подписчикам социальных сетей: до конца недели набрать 500 репостов записи, чтобы взломать курс «Знакомство с JavaScript». И уже в четверг курс был взломан — теперь он доступен для всех и навсегда.

Из курса вы узнаете, как работают переменные и операции в языке, какие бывают типы данных. В конце предстоит написать программу по техническому заданию от Кекса:

«Мяу! Мне нужно привести себя в форму к выставке CatFashionExpo2018. Для этого мне нужен свой особый фитнес-калькулятор. Возьмётесь?»

HTML и CSS на примерах

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

Теперь результаты примеров можно просматривать сразу в приложении и видеть результат использования разных приёмов.

Устанавливайте сами и советуйте друзьям.

Новый курс «Объекты»

Реклама

В разделе «Основы JavaScript» появился новый курс — «Объекты». Он состоит из 28 заданий, два из которых специальные испытания. С их помощью получиться разобраться, как читать из объектов, что такое словари и контекст вызова, а также научиться использовать встроенные и кастомные методы.

Финальное испытание от Кекса на этот раз, помочь ему в строительстве дома:

«Мяу! Я решил построить дом. Допиши за меня конфигуратор для расчёта площади и стоимости строительства. Я уже начал, но быстро утомился. Да и зачем писать код самому, если есть разработчики?

Все детали в ТЗ, жду результата. Может, приглашу тебя на новоселье.»

Берётесь?

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

CSS Playground

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

Онлайн-интенсив «Профессиональный JavaScript, уровень 1»

Реклама

Идёт запись на весенний интенсив «Профессиональный JavaScript, уровень 1» с 27 марта по 9 мая.

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

Интенсив состоит из 20 часов живых лекций и работы над личным проектом под руководством личного наставника. Всего на курсе три проекта, два из которых на выбор: «Кекстаграм» и «Кексобукинг», проекты выдаются участникам уже свёрстанные. Задача за интенсив оживить их новой функциональностью согласно техническому заданию.

Преподаватель курса Игорь Алексеенко рассказал о себе, опыте и особенностях JavaScript. Также он подготовил небольшое видео, где показывает как JavaScript может вам пригодиться:

::after и ::before

Выложил на webref.ru новое руководство по использованию псевдоэлементов ::after и ::before. Описано, как с их помощью вставлять иконки, делать нумерацию, выводить текст, треугольники, тень и др.

Руководство для среднего уровня подготовки, настоятельно требуется знакомство с позиционированием элементов.

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

Реклама

Уже 26 февраля стартует профессия «Фронтенд-разработчик» — 5 месяцев практики. За это время вы защитите три проекта: два из них сверстаете, а один оживите силами JavaScript.

Программа подойдёт тем, кто хочет в кратчайшие сроки освоить профессию и трудоустроится.

В обучение входит три ступени:

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

Подробнее рассказывает Алексей Симоненко, один из преподавателей, на записи лайва.

На программу распространяется возможность рассрочки платежей до 22 мая, чтобы увидеть актуальный график на странице оплаты нужно выбрать пункт «Оплата по частям».

А у студентов технических специальностей есть возможность попасть на программу совершенно бесплатно. Для участия в конкурсе достаточно подходить под условия и отправить заявку. Десять победителей получат возможность обучаться бесплатно и пройти оплачиваемую практику после.

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

Обновил мобильное интерактивное приложение для изучения CSS под Андроид. Вставил раздел про псевдоэлементы, а также добавил несколько улучшений. Само приложение не доделано, поэтому находится в статусе бета-версии. Скачивайте, изучайте, пишите отзывы.

Обзор проектов на интенсиве «Профессиональный HTML и CSS, уровень 1»

Реклама

Основной упор в обучении на интенсиве «Профессиональный HTML и CSS, уровень 1» на практике. Перед каждым студентом стоит задача превратить выбранный PSD-макет к концу интенсива в качественно свёрстанный проект. Доступно шесть макетов, один из которых учебный «Барбершоп», на его примере преподаватель разбирает детально тему.

Проект «Барбершоп»

Проект «Барбершоп»

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

Проект «Глейси»

Проект «Глейси»

Ученики при желании могут взять в работу несколько проектов. Обычно работа над проектом занимает минимум 20 часов в неделю, но если взять проект сложнее времени на него уйдёт больше. Новичкам мы советуем выбирать проекты попроще «Нёрдс» или «Седону». Тем, кто уже имеет опыт вёрстки простых проектов посмотреть в сторону «Глейси» или «Девайса».

Обзоры проектов интенсива от простого к сложному: «Нёрдс», «Седона», «Техномарт», «Глейси» и «Девайс».

Старт нового потока интенсивного онлайн-курса первого уровня «Профессиональный HTML и CSS» уже 26 февраля. Регистрируйтесь и выбирайте макет. Количество мест ограничено.

Справочник CSS

Многие деревенские парни, у которых в деревне проблемы с Интернетом, давно просили меня обновить локальный справочник CSS, чтобы изучать веб-технологии в любой ситуации. К сожалению, мой любимый формат CHM, который замечательно подходит для всякого рода справочников, безнадёжно устарел и вместо этого делаю справочник в виде набора HTML-файлов. Для просмотра нужен любой современный браузер и он у вас есть, раз вы это читаете.

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

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

Прямая ссылка для покупки

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

Реклама

Получить старт в профессии верстальщика можно за 5 недель.

С 26 февраля — 4 апреля 2018 года пройдёт онлайн-интенсив «Профессиональный HTML и CSS, уровень 1». В программе: флексбоксы, семантичная разметка, векторная графика, доступность и лучшие практики. Курс рассчитан на новичков и желающих систематизировать базовые знания.

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

Через месяц вы сможете:

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

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

Git и Github

Реклама

Трудно представить современную веб-разработку без системы контроля версий. Совместную работу команды позволяет организовать Git, а удобное ревью кода — сервисы на его основе, например, GitHub. Принцип работы схож с компьютерной игрой, где вы можете вернуться на место сохранения и всё переиграть.

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

Если планируете научиться работать с Git и GitHub, то мы составили инструкцию по настройке работы через консоль для Windows, macOS и Linux.

Мы в Академии тоже работаем через Git и GitHub, договорились об общих правилах и поделились ими в блоге.

Справочник CSS

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

Остановите Рагнарёк! Спаси мир и изучи HTML

Реклама

«Рагнарёк грядёт! Трепещите, смертные, ибо когда Один творил мир, он допустил грубые ошибки в коде. До сих пор всё как-то работало, но скоро пойдёт вразнос. Мировое DOM-дерево Иггдрасиль засохнет. Из Ётунхейма придут злые великаны Вредоносные Скрипты и лучше вам не знать, что они делают. Если код не удастся исправить вовремя — миру конец. Кстати, тут рядом коробка — не пускайте в неё рыжих пушистых красавцев, иначе нам точно несдобровать.»

Тор и Локи уже спешат спасти мир, им пригодится ваша помощь.

Вступайте в ряды одной из двух команд и с 1 по 5 января проходите курсы, ищите артефакты и получайте за это игровые очки.

Команда победитель получит доступ ко всем платным курсам, включая эпичный курс «Великий Кексби» с 6 по 10 ноября, а команда занявшая второе место получит доступ ко всем открытым на момент окончания игры курсам до 10 января включительно.

Да начнётся битва года!

Страницы