Learning Responsive Web Design - Bootstrap 4
- Training course - Pasja Informatyki, Bootstrap course, episode 0 ( Link )
- Training course - Pasja Informatyki, Bootstrap course, episode 1 ( Link )
- Training course - Pasja Informatyki, Bootstrap course, episode 2 ( Link )
- Training course - Pasja Informatyki, Bootstrap course, episode 3 ( Link )
General info - Episode 0 & 1
Responsive Web Design - Bootstrap Grid
Learning basics of responsive web design. Understanding Bootstrap and grid.
General info - Episode 2
Bootstrap Navbar, Aria basics
Learning basics of responsive web design. Aria basics. Creating a top responsive mobile-friendly navbar with a search bar and a dropdown submenu. A page about ski-jumping with responsive images. There is also a script variant for a dropdown submenu that's expanding on mouse hover instead of after clicking.
General info - Episode 3
Typography, media, img, text, lists editing
Background, text colors. Header classes. Font weight, case, align. Media selector. Lead. Typography (NFS - Native Font Stack vs Global Page Font). Responsive images (img-fluid, img-thumbnail). Float left/right, d-block. Blockquote classes and footer. Lists: list-inline, list-group, list-unstyled.
Technologies
- HTML5
- CSS
- JavaScript
- Bootstrap 4
- html5shiv 3.7.3
- Google Fonts (Open Sans)
- Notepad++
- Microsoft Visual Studio Code