Free Code Camp Walkthrough 35 | Front End Development Libraries - Bootstrap
In this tutorial I'll show you how to get through the Bootstrap - Front End Development Libraries Certification course on Free Code Camp.
Do the exercises yourself on freecodecamp.org and refer to the walkthrough when you get stuck - btw, as the name suggests: freecodecamp is free to use.
Free Code Camp | https://www.freecodecamp.org/learn/front-end-development-libraries/
-------------------------------------------------------------------
Timestamps/Tasks:
0:00 Intro
0:23 Use Responsive Design with Bootstrap Fluid Containers
2:14 Make Images Mobile Responsive
3:31 Center Text with Bootstrap
4:16 Create a Bootstrap Button
5:34 Create a Block Element Bootstrap Button
6:29 Taste the Bootstrap Button Color Rainbow
7:09 Call out Optional Actions with btn-info
8:00 Warn Your Users of a Dangerous Action with btn-danger
8:57 Use the Bootstrap Grid to Put Elements Side By Side
11:02 Ditch Custom CSS for Bootstrap
12:34 Use a span to Target Inline Elements
13:52 Create a Custom Heading
16:20 Add Font Awesome Icons to our Buttons
18:36 Add Font Awesome Icons to all of our Buttons
20:11 Responsively Style Radio Buttons
21:52 Responsively Style Checkboxes
22:59 Style Text Inputs as Form Controls
24:37 Line up Form Elements Responsively with Bootstrap
26:39 Create a Bootstrap Headline
27:18 House our page within a Bootstrap container-fluid div
27:49 Create a Bootstrap Row
28:15 Split Your Bootstrap Row
28:38 Create Bootstrap Wells
29:11 Add Elements within Your Bootstrap Wells
29:57 Apply the Default Bootstrap Button Style
30:32 Create a Class to Target with jQuery Selectors
31:04 Add id Attributes to Bootstrap Elements
31:53 Label Bootstrap Wells
32:42 Give Each Element a Unique id
33:20 Label Bootstrap Buttons
33:57 Use Comments to Clarify Code
34:28 Outro
-------------------------------------------------------------------
All my Free Code Camp Walkthroughs | https://www.youtube.com/playlist?list=PLJO7vAdVP8x0BF4qzwIk5OAmx71rVz8lQ
-------------------------------------------------------------------
Music by Silent Partner
-------------------------------------------------------------------
Odyssey | https://odysee.com/$/invite/@michaelbrig:0
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Free Code Camp Walkthrough 35 | Front End Development Libraries - Bootstrap», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.