Front-end програмиране с HTML, CSS и Bootstrap
- Начало: Очаквайте скоро
- 6 седмици
- Подходящ за: Начинаещи
Направи първите си стъпки в уеб разработката! Научи се да създаваш модерни, адаптивни и интерактивни уеб сайтове.
184 отзива
Какво ще научиш
Основи на уеб разработката и HTML
Ще научим как работят уеб страниците, какво представлява HTML и как да изграждаме структурата на уеб сайтове. Ще създаваме заглавия, параграфи, линкове, списъци и формуляри.
Стилизиране и оформление със CSS
Ще разберем как CSS подобрява визията на уеб страниците чрез цветове, шрифтове, отстъпи и позициониране на елементи. Ще работим с Box модел, Flexbox и медийни заявки за адаптивен дизайн.
Използване на Bootstrap за бърз и ефективен дизайн
Ще се запознаем с Bootstrap – най-популярния фреймуърк за създаване на стилни уеб сайтове, оптимизирани за мобилна версия. Ще използваме неговите компоненти, грид система и навигационни менюта.
Разработване на реален проект
Ще приложим всички научени знания в завършен уеб проект. Ще изградим портфолио сайт с HTML, CSS и Bootstrap, ще го оптимизираме и ще се научим как да тестваме и дебъгваме кода си.
Теми в курса
В първата лекция от нашия JavaScript курс ще се запознаем с основите на уеб разработката и ролята на HTML в създаването на уеб сайтове. Ще разгледаме структурата на HTML документа, как се използват заглавия, параграфи, линкове и списъци, както и ще настроим среда за разработка във VS Code.
В тази лекция ще научим как семантичните 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“ ще продължим с финализиране на дизайна и функционалностите на нашия уеб проект. Ще добавим стилови подобрения, ще тестваме и дебъгваме страницата, за да гарантираме правилното й поведение, и ще завършим с оптимизация за различни устройства.
Преподаватели
Силвия Станчева
Senior JavaScript Developer
Силвия Стоилова завършва в Икономически университет - Варна, специалност "Бизнес информационни системи". Печели първо място в надпреварата на Студентска научна дейност, специалност „Информатика и БИС“ с проекта си за разработка на система за управление на човешките ресурси. Към момента Силвия е Full Stack JavaScript Developer.
За кого е подходящ
Начинаещи в уеб програмирането
Курсът е идеален за хора без предишен опит в уеб програмирането. Подходящ е и за тези, които търсят преквалификация и желаят да стартират кариера в ИТ сектора.
Предприемачи и собственици на бизнес
Ако имаш нужда от личен сайт или искаш да изградиш онлайн присъствие за своя бранд, този курс ще ти даде умения да започнеш сам.
Маркетинг специалисти
Ще разбереш как функционират уеб страниците отвътре и ще можеш по-лесно да комуникираш с технически екипи или да създаваш лендинг страници самостоятелно.
Дизайнери и креативни личности
Ако си графичен дизайнер или имаш усет към визуалното, курсът ще ти помогне да се насочиш към уеб дизайн и да превърнеш идеите си в реални, работещи уеб страници.
Често задавани въпроси
Обучението включва 12 лекции с продължителност от 2 часа. Курсът се провежда онлайн или присъствено в учебните зали на Advance Academy.
За да се запишеш за курс Front-end програмиране с HTML, CSS и Bootstrap, натисни бутон “ЗАПИШИ СЕ” и следвай стъпките от формуляра, или ни се обади на телефон 0889 990 030.
Всички лекции от нашия Front-end програмиране с HTML, CSS и Bootstrap курс се записват и се качват под формата на видео в системата ни. Можеш да ги гледаш в удобно за теб време.
Всички курсисти, записани за онлайн обучение, ще имат нужда от компютър, интернет връзка и програмата Visual Studio Code. Екипът ни може да ти съдейства за инсталирането при нужда. Курсистите в присъствена форма ще използват наша техника на място.
След повечето лекции от нашия курс Front-end програмиране с HTML, CSS и Bootstrap се дават няколко кратки задачи за домашно. Те са препоръчителни, за да усвоиш материала по-добре, но не влияят на финалната оценка.
Сертификати
Advance Academy е лицензиран учебен център и може да издава държавно признато “Удостоверение за професионално обучение”, както и Сертификат за преминато обучение на всички курсисти завършили успешно курса.
Мнението ви за нас
Цветан Христев
facebook
Mariya Chobanova
google
Vanya Lyubomirova
facebook