Introduction
Most tutorials about how to begin using Bootstrap assume you know the basics of how to set it up and get started, leaving beginners left out. This course will take you through each step, beginning to end on how to start using Bootstrap to make an electronic portfolio. Bootstrap prides itself as being "the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web" and it is! It is very easy to use, even if you don't know much HTML, CSS, and JS. Don't worry we will go over what all that means and how to figure it out.
One of the best things about Bootstrap is there exists a lot of help out there on the web on how to do almost anything. Part of being a coder is being able to find those resources and make sense of them. In the final section of this course we will go over how to find those and make meaning out of them so you can take your portfolio further beyond this course.
Coding is a tough and intimidating beast to tackle and this course intends on making it as easy as possible. So to accommodate all levels of coders we offer videos that detail step-by-step how to work through each task so you can see and hear what the process is - and remember it is a process! We also offer quick tipsheets for the more experienced, that just need a guide or a refresher. And remember, the best way to learn your code is by trial and error, so don't get frustrated when something doesn't work. Because either way you're learning, even if that means learning what doesn't work.
Objectives
- understand basic HTML and CSS language
- learn how to install and use Bootstrap to make a portfolio
- learn how to navigate through code
- form basic website architecture and troubleshoot functionality
Structure of Course
Module 1
Getting Started
- Needs
- HTML basics
- How it all works
Module 2
Installation & Architecture
- Brainstorming and making a site map
- Templates
- Installing
- Editing
- Navigation
Module 3
Optimizing Images, Adding Elements, Styling Elements
- Optimization, What is it and how do I do it?
- Add elements from Bootstrap including Javascript
- Style the elements using CSS
Module 4
What's next?
- Inspector Element and troubleshooting
- Finding help
Exercise
You're first task is simple - get to know each other! When you're coding it is always good to be able to ask for help. There already exists many coding help forums like Stackoverflow that allow people to ask specific questions and get answers. Your best resources are your fellow coders so meet them then use them! Having another set of eyes on your code always helps, you never know when you missed a > or didn't close a div.
So let's start! On the discussion tab, introduce yourself be sure to add these two things in your post:
- Your experience level. Is this your first time coding? Do you have experience with Bootstrap?
- What do you hope to accomplish by the end of this course? Do you already have a portfolio or are you starting fresh?
Ok, it's time to jump in. Let's get coding!