В магазине макетов появились два новых проекта: «Магазин косметики Maroon» и «Школа английского языка».
К каждому макету приложены инструкции с рекомендациями профессиональных фронтендеров и пример эталонной вёрстки.
К каждому макету приложены инструкции с рекомендациями профессиональных фронтендеров и пример эталонной вёрстки.
Отзывы студентов и имена лучших наставников двадцать седьмого потока «HTML и CSS, уровень 1» — в нашем отчёте.
Давайте поговорим о семантике и начнём с тега section, обозначающего крупный смысловой (или «логический») раздел.
Хороший пример использования <section> — разделение книги на главы, ведь название главы описывает её содержание. Также как одна глава без остальных воспринимается вырванной из контекста, так и смысловые разделы страницы сами по себе, в отрыве от страницы, жить не могут и теряют смысл.
Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Структура HTML-документа».
Хороший пример использования <section> — разделение книги на главы, ведь название главы описывает её содержание. Также как одна глава без остальных воспринимается вырванной из контекста, так и смысловые разделы страницы сами по себе, в отрыве от страницы, жить не могут и теряют смысл.
Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Структура HTML-документа».
Бум-с! Вышла новая глава в курсе «Знакомство с JavaScript» — «Прокрутка и операторы».
В этой главе вы узнаете, как управлять прокруткой в браузере, познакомитесь с операторами равенства и логическим И. А ещё запрограммируете кнопку прокрутки к началу страницы и создадите фильтрацию на новостном сайте.
Отличный же повод провести время дома с пользой 🤓 Ждём ваших отзывов!
В этой главе вы узнаете, как управлять прокруткой в браузере, познакомитесь с операторами равенства и логическим И. А ещё запрограммируете кнопку прокрутки к началу страницы и создадите фильтрацию на новостном сайте.
Отличный же повод провести время дома с пользой 🤓 Ждём ваших отзывов!
В каждый современный браузер встроены инструменты разработчика — они позволяют быстро отловить и исправить ошибки в разметке или в коде. С их помощью можно узнать, как построилось DOM-дерево, какие теги и атрибуты есть на странице, почему не подгрузились шрифты и многое другое.
Запускаем цикл статей про базовые возможности Chrome DevTools. Вышла первая из них.
Запускаем цикл статей про базовые возможности Chrome DevTools. Вышла первая из них.
HTML Academy
Введение в Chrome DevTools. Панель Elements
Рассказали, как Chrome DevTools помогут вам при вёрстке интерфейсов.
До 5 апреля вы можете присоединиться к битве на Джаваскриптоне и бесплатно пройти почти все платные интерактивные курсы. Бонусом получите стильную ачивку в свой профиль на сайте Академии!
Благо, для этого не нужно выходить из дома. Берегите себя ❤️
Благо, для этого не нужно выходить из дома. Берегите себя ❤️
HTML Academy
Операция «Javascripton 2020»
Бесплатная путёвка на Джаваскриптон!
4.04 — всемирный день интернета
и веб-мастеров! По такому случаю — скидка 44% на все навыки и тренировочные макеты 🔥 Действует до 7 апреля включительно — https://tml.io/fvcfp
Проводите время дома с пользой 🖖
и веб-мастеров! По такому случаю — скидка 44% на все навыки и тренировочные макеты 🔥 Действует до 7 апреля включительно — https://tml.io/fvcfp
Проводите время дома с пользой 🖖
Теперь в «Акселераторе» можно взять сразу несколько проектов по выгодной цене. Выбирайте удобный для вас пакет:
«Нерабочая неделя» — два простых проекта — 4 900 р. вместо 5800 р.
«Нерабочая декада» — два средних проекта — 5 900 р. вместо 7000 р.
«Нерабочий месяц» — простой + средний + сложный — 8900 р. вместо 11 400 р.
Больше проектов — выше скорость работы!
«Нерабочая неделя» — два простых проекта — 4 900 р. вместо 5800 р.
«Нерабочая декада» — два средних проекта — 5 900 р. вместо 7000 р.
«Нерабочий месяц» — простой + средний + сложный — 8900 р. вместо 11 400 р.
Больше проектов — выше скорость работы!
Запускаем трёхнедельный марафон по вёрстке «Заверстаю» 🔥
За три недели вы разберётесь в основах HTML и CSS, сверстаете свой первый макет и выложите его в интернет. Начинаем 13 апреля!
Подпишитесь на рассылку, чтобы принять участие в марафоне и получить доступ ко всем интерактивным курсам — https://vk.cc/asjvSB
В конце марафона среди дошедших до конца разыграем бесплатное участие в курсе «HTML и CSS, уровень 1», а все участники получат скидки на программы профессий и профессиональные курсы 🎁
За три недели вы разберётесь в основах HTML и CSS, сверстаете свой первый макет и выложите его в интернет. Начинаем 13 апреля!
Подпишитесь на рассылку, чтобы принять участие в марафоне и получить доступ ко всем интерактивным курсам — https://vk.cc/asjvSB
В конце марафона среди дошедших до конца разыграем бесплатное участие в курсе «HTML и CSS, уровень 1», а все участники получат скидки на программы профессий и профессиональные курсы 🎁
Размещение текста по заданной траектории с помощью CSS.
http://odinokun.com/2020-03-31-razmeshenie-teksta-po-zadannoj-traektorii-s-pomoshyu-css.html
http://odinokun.com/2020-03-31-razmeshenie-teksta-po-zadannoj-traektorii-s-pomoshyu-css.html
Завершилось обучение на девятнадцатом потоке курса «JavaScript, уровень 1». Всего в нём приняли участие 688 студентов, и 280 из них успешно защитили проект по критериям качества. Отзывы и имена лучших наставников в нашем отчёте.
Вот, что пишет одна из выпускниц — Кристина Вуйчич:
«Курс отлично систематизирует и структурирует знания, которые накопились с момента прохождения интерактивных курсов и интенсивов по HTML и CSS, а также заполняет пробелы. А потом вдруг «оп», и ты на новом уровне понимания и говоришь себе: «Так вот оно как на самом деле!
Третья лекция — прямо-таки откровение. Всё сразу систематизируется. Я понимаю, что мои знания сейчас — всё-таки капля в море, но код меня больше не пугает. И всё это безумно интересно! Очень круто, когда ты бьёшься над заданием, встаёшь в тупик, а потом понимаешь, где была проблема. Тогда ты исправляешь, и оно РАБОТАЕТ — эйфория, катарсис!»
Вот, что пишет одна из выпускниц — Кристина Вуйчич:
«Курс отлично систематизирует и структурирует знания, которые накопились с момента прохождения интерактивных курсов и интенсивов по HTML и CSS, а также заполняет пробелы. А потом вдруг «оп», и ты на новом уровне понимания и говоришь себе: «Так вот оно как на самом деле!
Третья лекция — прямо-таки откровение. Всё сразу систематизируется. Я понимаю, что мои знания сейчас — всё-таки капля в море, но код меня больше не пугает. И всё это безумно интересно! Очень круто, когда ты бьёшься над заданием, встаёшь в тупик, а потом понимаешь, где была проблема. Тогда ты исправляешь, и оно РАБОТАЕТ — эйфория, катарсис!»
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью чуть упростить себе жизнь в Visual Studio Code.
HTML Academy
10 горячих клавиш VS Code, которые ускорят вашу работу
Подойдут для редактирования кода и попадания в дзен.
Перевод статьи Ахмада Шадида о том, как работает auto в различных свойствах.
https://habr.com/ru/company/ruvds/blog/494716/
https://habr.com/ru/company/ruvds/blog/494716/
Отзыв выпускника «HTML и CSS, уровень 1» #27 Андрея Пичугина:
«Получение новых знаний — это мой наркотик. И совсем случайно я открыл для себя сферу веб-разработки, где пространство для изучения всё время расширяется как вселенная.
Мне порекомендовали пройти сначала интерактивные курсы Академии, а потом и интенсив. Начав заниматься, я понял — это то, чего мне так не хватало, поэтому сразу записался на «HTML и CSS, уровень 1».
Я выбрал средний по сложности проект, так как работаю и свободного времени не так много. Это было правильным решением — даже со средним проектом пришлось повозиться. Сложный я бы, наверное, не осилил, просто не успел бы всё поправить к сдаче.
Про сам курс. У ребят огромный опыт и в разработке, и в преподавании, при этом второму уделяется времени ничуть не меньше. Это видно. Лекции отлично структурированы — слушать одно удовольствие. Все правила и подходы подробно объясняются, и в итоге ты не просто делаешь, как сказали, а понимаешь, почему так нужно делать. Если ситуация изменится, ты сможешь найти решение сам. И это просто замечательно!
Я ещё никогда не сталкивался ни с чем подобным в сфере образования. Спасибо вам огромное. Мне пора делать задание второго уровня вёрстки!»
«Получение новых знаний — это мой наркотик. И совсем случайно я открыл для себя сферу веб-разработки, где пространство для изучения всё время расширяется как вселенная.
Мне порекомендовали пройти сначала интерактивные курсы Академии, а потом и интенсив. Начав заниматься, я понял — это то, чего мне так не хватало, поэтому сразу записался на «HTML и CSS, уровень 1».
Я выбрал средний по сложности проект, так как работаю и свободного времени не так много. Это было правильным решением — даже со средним проектом пришлось повозиться. Сложный я бы, наверное, не осилил, просто не успел бы всё поправить к сдаче.
Про сам курс. У ребят огромный опыт и в разработке, и в преподавании, при этом второму уделяется времени ничуть не меньше. Это видно. Лекции отлично структурированы — слушать одно удовольствие. Все правила и подходы подробно объясняются, и в итоге ты не просто делаешь, как сказали, а понимаешь, почему так нужно делать. Если ситуация изменится, ты сможешь найти решение сам. И это просто замечательно!
Я ещё никогда не сталкивался ни с чем подобным в сфере образования. Спасибо вам огромное. Мне пора делать задание второго уровня вёрстки!»
Сегодня последний день, чтобы оформить в рассрочку курс «HTML и CSS, уровень 1», который пройдёт с 11 мая по 12 июля.
Во время курса вы будете работать как настоящие верстальщики: поработаете с системой контроля версий в GitHub Desktop и с графическим макетом в редакторе Figma, создадите выразительную и доступную разметку, построите сетки страниц на гридах, поработаете с кастомными свойствами, оптимизируете код и подготовите завершённый проект к публикации. На каждом этапе вашу работу будет проверять и комментировать личный наставник.
Во время курса вы будете работать как настоящие верстальщики: поработаете с системой контроля версий в GitHub Desktop и с графическим макетом в редакторе Figma, создадите выразительную и доступную разметку, построите сетки страниц на гридах, поработаете с кастомными свойствами, оптимизируете код и подготовите завершённый проект к публикации. На каждом этапе вашу работу будет проверять и комментировать личный наставник.
👍1
Если пропустили — мы тут задумали трёхнедельный марафон, во время которого вы разберётесь в основах HTML и CSS, сверстаете свой первый макет и выложите его в интернет. Начинаем 13 апреля!
Чтобы принять в нём участие, подпишитесь на рассылку — https://vk.cc/asjvSB
Всем участникам — бесплатные интерактивные курсы. В конце марафона среди дошедших до конца разыграем бесплатное участие в курсе «HTML и CSS, уровень 1» 🎁
Чтобы принять в нём участие, подпишитесь на рассылку — https://vk.cc/asjvSB
Всем участникам — бесплатные интерактивные курсы. В конце марафона среди дошедших до конца разыграем бесплатное участие в курсе «HTML и CSS, уровень 1» 🎁
В апреле проведём три лайва, посвящённых карьере фронтенд-разработчика. Ведущие: Серёжа Попов, руководитель «Лиги А.», и Лёша Симоненко, директор по развитию HTML Academy.
16 апреля — «Чем занимаются фронтенд-разработчики, и почему они всем так нужны».
23 апреля — «Как стать фронтенд-разработчиком за полгода».
30 апреля — «Как устроиться на работу фронтенд-разработчиком».
Записывайтесь, чтобы не пропустить трансляции.
16 апреля — «Чем занимаются фронтенд-разработчики, и почему они всем так нужны».
23 апреля — «Как стать фронтенд-разработчиком за полгода».
30 апреля — «Как устроиться на работу фронтенд-разработчиком».
Записывайтесь, чтобы не пропустить трансляции.
Давайте разбираться, зачем нужен alt-текст, и как его правильно писать.
HTML Academy
Как правильно написать alt-текст
Рассказали об альтернативном описании изображения и об основных правилах, которые позволят писать его хорошо.