Front-end програмиране с HTML, CSS и Bootstrap

В тази лекция ще научим как семантичните HTML5 елементи като <header>, <footer>, <article> и <section> подобряват достъпността и SEO оптимизацията. Освен това, ще разгледаме мета таговете и тяхното значение за уеб страниците.

В лекция три ще видим как да вмъкваме изображения, да управляваме техните атрибути и да създаваме таблици с редове, колони и заглавни елементи. Ще разгледаме и начини за стилизиране на таблици за по-добро визуално представяне.

В четвъртата лекция ще работим с формуляри и различни входни полета като текстови полета, пароли, радио бутони, отметки и падащи менюта. Ще научим как да използваме етикети (label) за подобряване на достъпността, както и как да вграждаме аудио, видео, карти и външно съдържание чрез iframe.

В тази лекция ще се запознаем със CSS и как го използваме за стилизиране на уеб страници. Ще разгледаме селектори, свойства и стойности, както и как да прилагаме цветове и стилове към HTML елементите.

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

В тази лекция ще разгледаме Box модела, който определя разположението на HTML елементите, както и ще се запознаем с Flexbox за създаване на динамични лейаути. Ще изучим позиционирането и плаващите елементи, за да структурираме правилно страниците си.

В осмата ни лекция ще се запознаем с медийните заявки и как те помагат за изграждането на адаптивен дизайн, който изглежда добре на различни устройства. Ще разгледаме подхода mobile-first и как да оптимизираме уеб страниците си за мобилни потребители.

В тази лекция ще въведем Bootstrap, една от най-популярните библиотеки за бързо и лесно създаване на стилни уеб сайтове. Ще разгледаме грид системата на Bootstrap и основните компоненти, които улесняват изграждането на адаптивни страници.

В десетата лекция ще се научим как да използваме форми, бутони и навигационни менюта в Bootstrap, както и ще разгледаме JavaScript компонентите, които добавят интерактивност към уеб страниците.

В тази лекция ще започнем изграждането на практически проект, в който ще приложим всички научени концепции за HTML, CSS и Bootstrap. Ще създадем основната структура на уеб страницата, ще изградим адаптивен лейаут и ще интегрираме навигация и ключови компоненти.

В последната лекция от модул „Front-end“ ще продължим с финализиране на дизайна и функционалностите на нашия уеб проект. Ще добавим стилови подобрения, ще тестваме и дебъгваме страницата, за да гарантираме правилното й поведение, и ще завършим с оптимизация за различни устройства.