Learning Web Development at ElitePath (CSS/Bootstrap)
It’s been two weeks of learning CSS and bootstrap, so I decided to drop this.
After structuring your first page using HTML, you’ll definitely want to add some style and layout your page properly — for example, to alter the font, colour, size and spacing of your content, split into multiple columns or add animations and other decorative features — the right language to learn to perform this is CSS (cascading style sheet). You’ll come across box model, selectors, etc. All you need to do is just take your time and learn how to execute each and every code, as easy as that!!
Here’s a webpage I designed using CSS:

You can get more tutorials on:
Next up, you’ll have to learn bootstrap to add a little life and functionality to your webpage.
Bootstrap is a sleek and powerful front-end frame work for faster and easier web development. Here you’ll see how to turn plain HTML into navigational menus, picture carousels(my favorite 😁), cards, split buttons and more. It’s the best frame work for any web developer. It will help you quickly produce responsive, clean looking webpages.
You can learn more if you just click⏬⬇️
Here’s a webpage I designed using bootstrap:




Just in case you encounter some difficulties, do not panic, I got stuck as well. When I tried using carousel for the first time, it was successful to an extent(the pictures displayed) but it wasn’t sliding. This really got me frustrated. I googled and found out the bug could be from my script — calling the script before loading the jquery — it should be the other way. After trying that, it still didn’t work. After a while I discovered it was version problem. I had to make sure my script version was same as the carousel code, so I updated to version 4.1.3 and it finally worked. (Never use a bootstrap component that has a different version from your script.)
By the time you’re done, you’ll be ready for JavaScript. P.S: Never get too frustrated and give up. Keep striving! Good programmers never quit!!
