Общая структура проекта. Обзор тегов в head и сила Flexbox. JavaScript Front-end

preview_player
Показать описание
В этом видео рассмотрим общую структуру фронтэнда. Как организовать свой рабочий проект. Организация папок для веб-проекта. какие теги необходимы в head. Что такое og:image, rel = alternate, robots, noindex, nofollow, flexbox, как все это применить в верстке HTML, как сбросить стили в CSS, как указать роботам основную панель навигации role = navigation. Как создать альтернативные стили для мобильных устройств и нужно ли индексировать 404 страницу. Учебный курс по WEB от блондинки-программиста.

Курс "JavaScript. Практическое занятие" будет состоять из двух частей.

Front-end, куда войдет верстка макета на Flexbox, клиентские скрипты вроде скроллера страницы, валидации полей, сбора данных в админке. Мы научимся работать с jQuery, напишем маленький плагин для редактирования текста и изучим точки соприкосновения front-end и back-end разработки.

Рекомендации по теме
Комментарии
Автор

Полезные видео у тебя, много нового узнал, спасибо)
Продолжай в том же духе, очень приятно смотреть и учиться) Жаль что так мало аудитории у канала :(

MrScar
Автор

Очень качественная подача материала, огромное спасибо!

serjemonetkin
Автор

смотрю это видео с 5:10 ... секунд 30 смотришь и понимаешь, что это находка, низкий поклон

dmitrysvetlov
Автор

если у вас есть еще и платный контент, то с радостью приобрету подписку) афигительный подход к изложению материала)

garetdark
Автор

Большое спасибо за верстку флексами.
А у меня вопрос: для чего давать хедеру, мейну и футеру ширину 100%, разве они по умолчанию так не растянутся? И для чего для flex-grow задавать значение равное нулю, если оно такое по умолчанию? Это я не умничаю, просто действительно хочу узнать, может есть какие подводные камни.

nataliyasatsyuk
Автор

А почему не используете normalize.css?

YuliaLunyova
Автор

Добрый день! А разве в main.css не достаточно вверху точку с запятой поставить, чтобы 20 строк кода не писать?

igorpopov
Автор

Тоже интересно, как бэкэнд потом с этим работает!

ОлександрЯримоха
Автор

А вместо такого сброса стилей, как в вашем видео, можно использовать normalize.css?

АлексейПросвиров-ня
Автор

а есть ссылка на этот сайт в готовом варианте?

ДмитрийАйткулов