Хотите за ближайшие дни повысить скорость верстки и доходы?

Освойте БЕСПЛАТНО
наиболее простой, быстрый
и гибкий способ создавать адаптивные веб-сайты

Прямо сейчас забирайте БЕСПЛАТНО пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap от обучающего издательства для веб-мастеров WebForMyself.com
Повысьте СКОРОСТЬ качественной адаптивной верстки


Получите базовые знания по фреймворку Bootstrap

А после того, как вы освоите фреймворк Bootstrap на профессиональном уровне, вы сможете за час делать столько качественной адаптивной верстки, сколько другие не успевают делают за сутки


Изучение этих уроков не займет много времени: общая их продолжительность – всего 2 часа

Автор курса Андрей Кудлай – один эксперт-практик в области сайтостроения Рунета, автор видеокурса-бестселлера «Фреймворк Bootstrap: практика адаптивной верстки от А до Я»

Введите свой основной почтовый ящик в форму ниже, и ПРЯМО СЕЙЧАС вы получите мгновенный доступ ко всем
8 урокам видеокурса на вашу почту!

Видеоуроки,
доступ к которым
вы получите
прямо сейчас

Урок 1 CSS фреймворки.
Установка фреймворка Bootstrap

Время ролика: 19:04

Из этого урока вы узнаете, что такое CSS фреймворки.

Также вы узнаете, в чем заключаются преимущества использования фреймворка Bootstrap перед обычной версткой, без использования CSS фреймворков, а именно: Bootstrap позволяет ускорить процесс верстки и полученная верстка будет аккуратной, ровной и, главное, адаптивной, то есть будет хорошо смотреться на любых типах устройств – смартфонах, планшетах, ноутбуках и десктопах.

Как итог урока мы создадим базовый шаблон Bootstrap, подключим необходимые файлы фреймворка, а также подключим шрифт с сервиса Google Fonts. Т.е. произведем установку Bootstrap.

Урок 2 Верстка навигационной панели

Время ролика: 09:19

Начиная с текущего урока, мы приступим к верстке имеющего у нас макета – сайт-портфолио.

Навигационная панель, которую нам необходимо сверстать, довольно непроста, с учетом того, что итоговый результат должен быть полностью адаптивным. Однако Bootstrap позволит значительно ускорить процесс ее верстки.

Как итог урока мы создадим верстку навигационной панели – наиболее сложного элемента текущего макета.

Урок 3 Оформление навигационной панели.
Часть 1

Время ролика: 14:01

В этом уроке мы займемся стилизацией навигационной панели согласно требованиям имеющегося у нас макета.

В результате урока мы оформим сверстанную навиационную панель, чтобы ее внешний вид соответствовал нарисованному макету.

Урок 4 Оформление навигационной панели.
Часть 2

Время ролика: 19:11

В этом уроке мы добавим интересное решение для социальных иконок, скрывая их и заменяя одной иконкой при просмотре сайта на маленьких экранах.

Также мы добавим немного магии jQuery, чтобы открыть социальные иконки при необходимости.

В результате урока мы оформим навиационную панель для маленьких экранов и практически завершим работу с ней.

Урок 5 Оформление навигационной панели.
Часть 3

Время ролика: 11:12

В этом уроке мы добавим несколько последних штрихов к оформлению компонента навигационная панель и в итоге получим идеальный результат – navbar будет отлично показан на различных типах устройств.

В результате урока мы закончим работу с навигационной панелью. Это самый сложный элемент текущего макета – он адаптивен и отлично работает на любой доступной ширине экрана.

Урок 6 Верстка контентной части

Время ролика: 16:46

В данном уроке вы научитесь работать с контентной частью нашей страницы.

Здесь мы немного познакомимся с понятием сетки фреймворка Bootstrap. Именно благодаря сетке нам в первую очередь и интересен Bootstrap, и именно сетка позволяет очень просто создавать страницы любой сложности, которые необходимым образом будут подстраиваться (адаптироваться) под различную ширину экрана.

В результате урока мы сверстаем область контента, которая благодаря сетке Bootstrap’a будет изначально адаптивной.

Урок 7 Оформление контентной части

Время ролика: 24:58

В этом уроке мы займемся оформлением контентной части. Благодаря сетке Bootstrap контентная часть уже адаптивна и нам достаточно будет написать всего несколько дополнительных правил, чтобы получить отличный результат.

Также в уроке мы используем еще один компонент Bootstrap – Pagination. Используя данный компонент, мы получим отличный современный вариант пагинации, потратив на это минимум времени.

В результате урока мы завершим работу с областью контента и получим полностью адаптивный ее вариант.

Урок 8 Верстка и оформление футера

Время ролика: 06:11

В этом уроке мы сверстаем и оформим последний элемент нашего макета – футер. Это самый простой элемент на макете, поэтому урок будет самым коротким и простым.

В результате урока мы завершим работу над версткой сайта и получим его итоговый вариант, который будет целиком и полностью адаптивным.

Что говорят ученики
об издательстве WebForMyself.com

  • Занимаюсь в основном вёрсткой и наполнением, с программированием пока не очень любовь заладилась, сайт WebForMySelf! с примерами очень пришёлся по душе, так как тут доступно, понятно рассказано, что да как нужно сделать, чтобы получить результат. Есть много ресурсов, но на сайт WebForMySelf! захожу чаще, чем на другие и везде накидал ссылок в аккаунтах социальных сетей чего и другим советую чтобы, так сказать, выразить дань благодарности.

    Сергей Хамзин

  • WebForMySelf - это уникальный ресурс!

    Если Вы заинтересованы в том, чтобы в короткое время освоить не только азы сайтостроения, но и углубить имеющиеся у Вас профессиональные знания, то Вам сюда.

    WebForMySelf - это уникальные, чрезвычайно полезные и понятные видеоуроки, полноценные уроки в статьях и ЦЕННЫЕ КОНСУЛЬТАЦИИ от авторов!

    Александр Ельцов

  • Благодарю Вас за создание такого неоценимого ресурса как WebForMySelf. Это отличное пособие создания сайтов для новичков. А опытные программисты могут найти много интересной информации. Еще раз спасибо!

    Олеся Крапивина

  • Я очень благодарна за Ваши уроки! Вы собрали команду профессионалов! Уроки качественные, понятные, очень полезные. Без них пришлось бы либо долго бродить по сети, выискивая информацию, либо просто махнуть рукой на сайтостроение. Также хочется сказать спасибо Службе поддержки за быстрые ответы, за терпение и корректность. Удачи Вашей команде и еще раз спасибо за Вашу работу!

    Анна Шишкина, Россия, Москва.

  • Долго искала подходящие уроки по сайтостроению. И ват я их НАШЛА!!! Спасибо большое!!!!

    Марина Попова, Казахстан, Усть-Каменогорск.

  • Всегда нахожу ответы на свои проблемы, посещая ваш сайт. Очень хорошие уроки, наглядно и подробно, спасибо вам за ваш труд!

    Урал Арсланов, Россия, Уфа.

  • Хороший сайт, есть много интересного для человека.

    Владимир Лукьянов, Россия, Краснодар.

  • Вы молодцы. Для нас, не посвященных, это очень полезно, узнать много нового.

    Вера Филиппова, Россия, Оренбург.

  • Благодарю Вас за создание такого неоценимого ресурса как WebForMySelf. Это отличное пособие создания сайтов для новичков. А опытные программисты могут найти много интересной информации. Еще раз спасибо!

    Олеся Крапивина, Россия, Екатеринбург.

  • "WebForMySelf - это уникальный ресурс! Если Вы заинтересованы в том, чтобы в короткое время освоить не только азы сайтостроения, но и углубить имеющиеся у Вас профессиональные знания, то Вам сюда.

    WebForMySelf - это уникальные, чрезвычайно полезные и понятные видеоуроки, полноценные уроки в статьях и ЦЕННЫЕ КОНСУЛЬТАЦИИ от авторов!

    Александр Ельцов, Россия, Зеленогорск.

  • Благодарю вас за интересные и полезные уроки! Желаю успехов в вашем деле.

    Валентин, Россия, Химки.

  • Интересные уроки о безопасности сайта на движке Wordpress.

    Николай Аминов, Россия, Ярославль.

  • Я уже на пенсии, но приходиться подрабатывать т.к. пенсия сами понимаете.... Но Ваша сайт - WebForMySelf отличная помощь для чайников и начинающих свой бизнес в Сети. Ваша работа по подаче информации в сайтостроении выше всяких похвал. Желаю Вам удачи в этом направлении и благодарю за то, что Вы есть!

    Николай Данилов, Казахстан, Алматы.

  • Когда я впервые попала на ваш блог и увидела заголовки статей, с тоской подумала....."блин, будь ты хоть трижды не блондинка, - с этим тебе не разобраться".

    Хорошо, что не ушла сразу. Материалы написаны настолько просто и подробно, что понять сможет даже ребенок. Ваши статьи помогли мне разобраться с основами HTML и CSS. Буду двигаться дальше, вместе с WebForMySelf !!!

    Татьяна Почуева, Россия, Астрахань.

  • Ребята - отлично! Продолжайте развивать Ваш проект. Информация, которую я почерпнул из ваших уроков значительно облегчила мне жизнь и помогла расширить круг знаний в области сайто-строительства. Спасибо.

    Сергей Люльченко, Россия, Химки.

  • Большое спасибо за уроки по созданию интернет-магазина. Очень своевременно. Актуально. Нужно.

    Валентина Карпова, Украина, Ялта.

  • Не про премиум уроки, а про курс про интернет-магазин: я знал WebForMyself давно и точно знал, что у них только качественные продукты. НО ТАКОГО размаха, я не мог ожидал никак. Это очень хороший и качественный курс, и если его "разобрать на кусочки", то он поможет построить совершенно разные, лёгкие и сложные, сайты.

    Артем, Россия, Москва.

  • В Рунете просто нет аналогов проекту WEBforMySelf. Его участники делятся своим "кровным"- наработанным нелегкой практикой! - опытом по самым актуальным, и порой неожиданным, аспектам сайтостроения. В последнее время наметился явный тренд в сторону передовых технологий, о которых все остальные онлайновые гуру предпочитают молчать то ли по-незнанию, то ли по-жадности. Новички, продвинутые и креативщики, пользуйтесь моментом! Изучайте бесплатности и подписывайтесь!

    Виталий Ивашкин, Россия, Валдай.

  • Ваш ресурс весьма интересен, даже с чисто познавательной целью для многих кто интересуется даной тематикой, а учитываю неуклонно растущую потребность в веб-технологиях - весьма актуален. Спасибо создателям ресурса за титаническую работу в этом направлении. Удачи в вашей нелегкой работе!

    Игорь, Украина, Дрогобыч.

  • Все просто супер!

    Вадим, Украина, Симферополь.

  • Ваши уроки очень помогают в сайтостроении. Огромное Вам спасибо!

    Алексей Войкин, Россия, Ставрополь.

  • WebForMySelf, пожалуй, лучшая команда, которая действительно учит нормальным вещам, а не дерет деньги. Мне очень нравятся ваши уроки и подношение материла. Спасибо вам.

    Евгений

  • Когда я решила попробовать себя в интернет-бизнесе, то даже многие слова для меня были на уровне ругательных. Я понимала,чтобы о тебе или твоей идеи кто-то узнал,об этом нужно рассказать на сайте.Но как его сделать-заказала у студента,через пару месяцев студент "пропал". Я поняла-надо самой осваивать хотя бы азы. Спасибо ребятам с WebForMySelf. Ваша помощь для нас-чайников бесценна! Теперь у меня свой сайт,может не такой крутой ,но есть начало!

    Тамара Шерко, Беларусь, Ивацевичи.

  • Я проработал бесплатные уроки по дизайну сайтов. Уроки оказались очень полезными. За короткое время я получил ценные навыки и приемы работы в фотошопе. Здесь в концентрированой форме представлена, как раз та информация, которая меня инересовала. Благодаря этм урокам, я сэкономил кучу времени. Большое спасибо!

    Святослав Лавриненко, Россия, Брянск.

  • Отличные уроки, интересные темы уроков. Так держать.

    Александр, Украина, Винница.

  • Уроки очень полезные, написаны доступным языком, хорошо воспринимаются. Спасибо.

    Валерий, Россия, Новосибирск

  • Ребята – спасибо!!! Вы делаете нужное и благородное дело. Пусть всегда будут хорошие учителя и хорошие ученики!

    Хотела найти ответы на интересующие вопросы, обратилась к ним за помощью, так как появились проблемы на сайте, и они в течение часа помогли мне ее решить совершенно бесплатно.

    Гульмира, Казахстан, Кызылорда

  • "пасибо,большое вашей команде! За щедрую информацию,которую дарите!

    Очень часто бывает,что вашими учениками становятся люди с ограниченными возможностями.И для нас,вы делаете великое дело!!! Здоровья вам!

    Людмила, Россия, Санкт-Петербург

  • Я пенсионер.Мечтаю зарабатывать на вёрстке сайтов. Ваша команда даёт мне возможность бесплатно осваивать сайтостроение.Огромное спасибо за помощь.

    Каипова Наиля, Узбекистан, Ташкент

  • Язык объяснения доступен любому.Все четко и очень понятно разъясняется.

    Евгений Голубев, Латвия, Рига

  • Хочу сказать, что Вы молодцы и я очень рад знакомству с Вами, всё просто и понятно, что и нужно начинающим.

    Мурат, Россия

  • Спасибо за бесплатные уроки, но хотелось бы побольше уроков по верстке , а остальное все супер!! :)

    Ахмед, Россия, Махачкала

  • Здравствуйте! Ваши уроки да и ресурс является очень и очени полезным... Данные знания я применил на практике, так что они мне здорово помогли! Большое спасибо!

    Александр, Украина, Золотоноша

  • Один из лучших обучающих сайтов и лучший по видео урокам и видео курсам. Аналогов по качеству, объему материалов и доступности в Рунете нет. А последний курс "Интернет-магазин под ключ" это вообще нечто!

    Эдуард, РФ, Кенигсберг

  • Хорошие уроки, посмотрела видеоурок по рисованию дизайна сайта с нуля, его верстке и установке на CMS WordPress.

    Спасибо.

    Маргарита, Россия, Москва

  • Я в этом бизнесе с 1997 года. К сожелению потом был перерыв около 5 лет. Благодаря Вам я совершенствуюсь в своих знаниях. Спасибо Вам огромное!!!".

    Олег Заложенков, Украина, Киев

  • C помощью замечательной команды сайта WebForMySelf.Com я смог сделать свой первый шаблон на wordpress вручную. С тех пор, я не пропускаю ни одного их урока!

    Для меня это было просто подарок судьбы — повстречать этих ребят! Огромное им спасибо!!!

    Антон, Россия, Новосибирск

  • "Сайт замечательный. Практически на любой вопрос, можно найти ответ. Материла очень много, не успеваю изучать.

    Мне сайт нравиться, видно, что работают здесь профессионалы. Ребята молодцы! Нисколько не жалею, что подписалась на Премиум уроки.

    Ольга Жихарева, Россия, Комсомольск-на-Амуре

  • Парни, спасибо что вы есть!!!!

    Дмитрий, Россия, Москва

  • Ваши бесплатные уроки конкретно помогают в изучении и дальнейшем построении и продвижении сайта

    Юрий, Россия, Калуга

  • Огромное спасибо ребятам. Сейчас создаю уже второй сайт на продажу. И это только благодаря им!

    Елена, Украина, Харьков

  • Сайт предоставляет нужную информацию по инфобизнесу. Спасибо коллективу сайта WebForMySelf!

    Вячеслав, Россия, Саратов

  • Считаю, что уроки Вашей команды помогут всем начинающим бизнесменам или другим людям,которые нуждаются в бесплатной помощи.

    Валентина Михайловна, Россия, Краснодар

  • Готов подписаться под каждым хорошим отзывом. СПАСИБО!!!

    Михаил, Москва

  • Не помню уже, какие пути привели меня на сайт WebForMySelf, но я очень рад, что наткнулся на него. Здесь я нашел материал такого уровня и качества, которого больше не видел нигде в сети!

    Спасибо, парни! Ваш ресурс выше всяких похвал!

    Виктор, Украина, Мелитополь

  • WebForMySelf- это то что надо всем начинающим и не только, т.к. можно получить ответ на любой вопрос и преодолеть любые трудности. Поверьте, это очень важно, когда есть кого спросить и знать что получишь грамотный ответ.

    Кудря Елена, Украина, Киев

  • супер качественно и с хорошим разжовыванием материалов,но хочется конечно побольше уроков))

    Евгений, Беларусь, Минск

  • Спасибо за ваши уроки, это очень ценная информация. Все что я прочитал было интересно для меня, а то что еще не прочитал, - сохранил на потом. Читать рассылку и уроки на профессиональную тематику - это классно!

    Alex, Украина, Николаев

  • Спасибо за то, что делаете наш Российский Интернет более качественным!

    Перевожу: Многие создают собственные блоги и сайты. Многие из которых далеки от совершенства, а с помощью ваших УРОКОВ можно будет улучшить их качество, надеюсь, что это сильно поможет тем, кто действительно хочет УЧИТЬСЯ, но боится платных курсов.

    Михаил, Россия, Ростов-на-Дону

  • Я абсолютно согласен с одним из предыдущих высказываний в том что Вы и Ваш ресурс достоин гордого звания "УЧИТЕЛЬ", а еще бы я добавил такое, я думаю, заслуженное звание как "МОТИВАТОР".!!!!!!!!!!!

    Михаил, Россия, Находка

  • Служба поддержки просто отличная, молодцы!!! Видео курсы очень качественные и хорошие.Я думаю что в дальнейшим вам надо выпустить видео курс по созданию форума с нуля (без готовых движков) и создании простой динамической социальной сети. А так спасибо за все, работайте без усталости!!! Спасибо.

    Рафис, Россия, Казань

  • Да, ребята, большое спасибо ВАМ!!! У меня уже своеобразная библиотека ваших уроков, Вы, своими уроками, открываете дверь в мир создания сайтов!!! БОЛЬШОЕ СПАСИБО!!!

    Евгений, Россия, Владивосток

  • Супер! Я лично в казнете и в рунете еще не находил такие классные, доходчивые, суперские уроки как у WebForMySelf !

    Огромное спасибо,

    Baha, Kazakhstan, Astana

  • Всё что делается для образования и тем более бесплатно: это дело только добрых людей и оно бесценно!

    Карим, Узбекистан, Ташкент

  • Проект нужный и полезный, для тех кто хочет овладеть основой сайтостроения и для тех кто хочет стать специалистом в данной области.

    Сергей, РФ, Воронеж

  • Здраствуйте! С такой командой как ваша можно научится очень многому. Даже если вы будите в тупике конечно лучше обратится к вам. Нужно сделать сайт или блог только к вам.

    С уважением Сергей!

    Сергей, Россия, Уяр

  • Хорошая и грамотная работа просматривал не все уроки, но те которые просматривал оставили приятное мнение о содержимом.

    Спасибо Хорошая работа!

    Роман

  • Спасибо, много понятной и доступной информации.

    Часто обращалась к вашим страницам. Большое спасибо!

    Надин, Украина, Полтава

  • Сайт WebForMySelf даёт возможность всем интересующимся веб-программированием обучаться. Огромная благодарность его создателям,а также всем помогающим своими знаниями на форуме(сайта).

    Респект-н-уважуха!

    Dzmitry, Belarus, Minsk

  • Очень благодарен сайту Webformyself.com за ваши потрясающие уроки! Не так давно решил себя посвятить сайтостроению, и ваш сайт стал просто золотой жилой для меня!! Ваши мини курсы по вёрстке, ООП PHP великолепны для начинающих.

    Большое спасибо за самое понятное объяснение всего и вся.

    Успехов вам!

    Сергей, Россия, Курск

  • Очень перспективный проект, спасибо Вам огромное!

    Хочется сказать, что Вы создаете супер-нужные Уроки, все просто и доступно.... но хотелось бы больше открытости....

    Виктор, Украина, Волноваха

  • Информация достаточно доступная для любого начинающего программиста, Большое спасибо Вам ребята за Ваш проложенный труд. Успехов Вам ваших новых начинаниях и новых проектах.

    Андрей, Украина, Харьков

  • Я не изучаю скрупулёзно web-программирование, а только изредка читаю какие - то статьи и для меня, как для человека такого типа, Ваши уроки (WebForMySelf) самый идеальный вариант. очень актуальные вещи и максимально доступно и интересно. Огромное Вам спасибо, продолжайте в том же духе!

    Анатолий, Украина, Одесса

  • Уроки дельные. Реально помогают) Помогают разобраться в сайтостроении. Удачи Вам и всем Вашим ученикам!)

    Таками, Украина, Киев

  • Спасибо вам огромное , за вашу просветительскую деятельность.

    Это очень нужный ЛИКБЕЗ нашего времени, благодаря вам мы , чайники, поднимаемся выше, и начинаем строить свой бизнес.

    Георгий, Казахстан, Тараз

  • Ребята, проект замечательный! Желаю вам творческих успехов в дальнейшем (а сайтостроение - это творческий процесс, начиная от проектирования и заканчивая "выходом в свет"). Надеюсь вы и дальше будете радовать своих читателей полезными уроками и курсами ;)

    Shalty, Россия, Кемерово

  • Замечательный сайт. Открыл для себя много интересного и полезного. Спасибо ребятам которые работают над этим сайтом и создают полезные материалы.

    Сергей, Украина, Николаев

  • Интересны уроки от Андрея Бернацкого у человека талант доходчиво и быстро объяснить суть html css для себя узнал многое именно из его уроков особенно из резиновой верстки т.к верстал, в основном, статичные страницы

    Alexsander1100, Россия, Нижний Новгород

  • Уроки полезные и интересные (большой плюс -они бесплатные), а ваша деятельность по обучении заслуживает огромной благодарности.

    Владимир, Россия, Владивосток

  • Мало кто из нашего теперешнего мира жадных инфобизнесменов готов бесплатно обучать на столь высоком уровне.

    То что вы делаете - достойно не только похвал. но и медалей.

    Чтож... награда всегда находит своих героев, даже если они не требуют денежных комиссионных за свои подвиги...

    Клишевская Ольга, Беларусь, Минск

  • Благодаря вашим урокам я научился очень многому, так же они дали мне огромный толчок в дальнейшем, уже самостоятельном изучении вебмастеринга! Спасибо ребята, всех благ!

    Владислав, Россия

  • WebForMySelf! - просто суперинтересная команда мыслящих и действующих людей, влюбленных в свое дело и помогающих конкретно и реально новичкам в инфобизнесе. Спасибо ! С уважением и пожеланиями Вам процветания, Юрий Сухондяев.

    Юрий, Россия, поселок Коноша

  • Считаю, что эти уроки можно поставить в один ряд с материалами w3schools. Т.е. точно, понятно, информативно.

    Павел Ватолин, Россия, Тверь

  • Занимаюсь в основном вёрсткой и наполнением, с программированием пока не очень любовь заладилась, сайт WebForMySelf! с примерами очень пришёлся по душе, так как тут доступно, понятно рассказано, что да как нужно сделать, чтобы получить результат. Есть много ресурсов, но на сайт WebForMySelf! захожу чаще, чем на другие и везде накидал ссылок в аккаунтах социальных сетей чего и другим советую чтобы, так сказать, выразить дань благодарности.

    Сергей Хамзин

Новые комментарии о курсе:

Приступить к изучению уроков сейчас!

БЕСПЛАТНО!

Внесите ваше имя и основной e-mail в форму, нажмите кнопку
"Вышлите мне видеокурс!" и мы вышлем его вам на почту