Этот курс для абсолютных новичков, по этому мы начнем с самых основ и вместе, шаг за шагом, пройдем путь от установки редактора кода, до создания стильных, современных адаптированных под планшеты, телефоны и десктоп версии веб сайтов. Мы начнем, с изучения базы HTML и СSS, и да, здесь не будет теории, ведь все знания мы будем применять сразу, на реальных проектах, живых задачах, и на протяжении всего курса будем создавать современные веб сайты.
Мы будем изучать не просто HTML и CSS, мы изучим самые современные подходы к верстке, построению элементов и структуры веб сайтов согласно последним мировым стандартам современной разработки
Ваши сайты будет выглядеть отлично на всех устройствах!
Вы научитесь, создавать, адаптивные, интерактивные элементы используя CSS, такие как карусели, кнопки, модальные окна и многое много другое.
Вы изучите современные методологии, и техники для быстрой и качественной разработки!
Конечно, в этом курсе мы изучим продвинутые техники такие как методология БЭМ, которая позволит нам создавать гибкие переиспользуемые элементы, для ускорения нашей работы в несколько раз. И да, знание этой методологии очень цениться работодателями.
Мы изучим не только CSS но и его продвинутые препроцессоры такие как SASS/ SCSS, которые используют все современные веб разработчики и IT компании.
Библиотека bootstrap, для быстрого создания сайтов, у вас в кармане!
Дополнительно, мы изучим необходимую базу библиотеки Bootstrap, в которой собраны все компоненты веб сайтов, с помощью которых вы сможете создавать интерактивные адаптивные сайты практически не используя код.
Разработка сайтов в лучшем и современном программном обеспечении!
Мы освоим передовую и бесплатную программу для веб разработчиков, VS Code, разберемся с ее настройками, плагинами и хитростями, что сделает нашу работу по истине комфортной.
Вы забудете то что программирование это сложно, нужна математика и необходима максимальная точность, ведь современные программы подскажут вам где ошибки и какой код лучше использовать.
Вы научитесь создавать сайты "под ключ"
И чтобы стать востребованным профессионалом на фрилансе или при устройстве на вакансию верстальщик, вы изучите основы программы Фигма, в которой создают дизайн макеты всех современных сайтов, и изучать мы ее будем шаг за шагом, создавая свой собственный уникальный дизайн сайта портфолио, который вы сверстаете полностью до последней буквы кода, и выложите в сеть интернет.
В конце курса, вы сможете не просто брать свои первые заказы, а сможете выполнять их под ключ начиная с создания дизайн макета сайта, и заканчивая выкладкой полностью готового сайта в сеть интернет.
Лучшая документация и ресурсы со всего интернета!
Дополнительно, вы узнаете множество мест, где вы найдете необходимую информацию по веб разработке, популярные платформы для разработчиков, лучшие и самые современные пособия, стоковые площадки материалов для ваших будущих сайтов и многое много другое.
И если вас пугают такие слова как, HTML5 CSS3 Адаптивный дизайн, FlexBox, Bootstrap, SCSS не беспокойтесь - этот курс для абсолютных новичков к концу курса, вы будете чувствовать себя как рыба в воде во всех этих темах, даже если вы не написали ни одной строчки кода за всю свою жизнь.
Файл не отображается в текстовом редакторе, так как является двоичным или использует неподдерживаемую кодировку текста.
@font-face
font-family: "MontserratT"
src: url('../fonts/Montserrat-Regular.ttf')
font-weight: regular
font-style: normal
@font-face
font-family: "MontserratT"
src: url('../fonts/Montserrat-Regular.ttf')
font-weight: bold
font-style: normal
На 40 уроке добавили Reset.css, что б убрать маржины и паддинги
А нельзя сделать в файле css
*{
margin: 0;
padding: 0;
}
Оно так же убирает все маржы и паддинги, которые по дефолту стоят
если изображения в архиве то надо разархивировать
выходит
.section-about__block {
width: 420px;
height: 190px;
background: linear-gradient (180deg, rgba(244, 213, 178, 0,8) 0%, rgba(234, 156, 65, 0,8) 100%);
}
.section-about-block{
width: 420px;
height: 190px;
background: linear-gradient(blue, yellow);
}
почему?
в неопознаном формате
или пустые папки
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
Это был стандартный прием центрирования до появления флексов.
Вроде как втянулся в этот курс и тут ты понимаешь что бы продолжить нужны материалы ,а их просто нет ......
Не стоит тратить время