*** THIS COURSE IS STILL IN DEVELOPMENT. ***
*** MORE LAYOUTS WILL BE UPLOADED SOON! ***
Bootstrap is the standard in modern web development.
It is also the fastest way to build a website that works on any device, and learning it is easy.
In this course, all our experience in working with this awesome framework is structured in an easy to learn and accessible manner.
There are 20 full websites that we will build in this course, and we plan to make over 50 hours of video.
This course will be constantly updated, and with Bootstrap 4 coming out this year, you don't have to worry about this course being outdated.
Here is a list of layouts we will be building:
My Portfolio - A simple Portfolio to get introduced to some of bootstrap's functionality
Daria Layout - With this layout we will dive straight in into making a completely custom layout.
Healthy Blog - A layout for a health-related blog, with a transparent nav and a large header image, using panel component for blog entries and colorful sidebars.
(More information to be added here as the course progresses)
With all of these website layouts being built from scratch, and with the content constantly updated to the newest Bootstrap version, you have great value in this course.
What is responsive web design? What is Bootstrap? How does it help us develop websites faster? How does the grid system works? All of these questions are answered in this introductory video.
This video describes how the Bootstrap grid works, i.e. how these classes are used: col-xs-*, col-sm-*, col-md-*, and col-lg-*.
In this video, we will discuss the difference between responsive and non-responsive sites. We will also see a non-responsive site changed to a responsive site simply by referencing Bootstrap css and linking to it from our html.
Here we will demonstrate the reason why Bootstrap helps us with RWD: We don't even have to touch css! We just need to reference proper Bootstrap css classes in our html, and we have a responsive site out-of-the-box!
Also, please check out this video's resources, there is a download available!
In this video, we will learn how to get the source code of a starter barebones template from the official Bootstrap website, and how to change the navbar by using Bootstrap's pre-made navbar classes.
We will also learn how to start adding responsive placeholders for our images. In other words, we'll start building our responsive layout portfolio.
Please note that there is a download included in this lecture. The download contains the finished code for Layout 01 - My Portfolio.
In this video we will learn how to add responsive images to our portfolio.
This video explains how to style a simple footer and how to properly add custom css classes inside our html structure, as well as how to declare those custom styles in our custom.css file.
In this video, we will build the about me page. We will add some custom styles, use placehold.it for our images, and get introduced with the concept of bootstrap components by adding a component to our about me page.
In this video, we'll add a Google Map to our contact page. We will add an inline form under it and we will use a Bootstrap utility class to hide the map from mobile devices.
In this video, we'll have a look at the finished layout, and we'll talk about what we will be building.
In this video, we will preview the 4 different color schemes for this layout.
In this lecture we will use several previously mentioned git commands to start tracking changes we make to our layout. Also, we will see the power in cloning and manipulating repositories from Github.
In this lecture, we will continue working with some basic git commands to track the development of our layout.
It's time to start using git to increase our efficiency and protect our code. This video is a very simple explanation of the most basic git concepts.
However, these basic concepts will take us a long way, and allow us to improve our skills and speed up our development.
Ajdin Imsirovic holds a major in English Language and Literature. He's been hacking html and css for the last 15 years, and the WAMP stack for the last 5, all the while working in a range of industries, most of which were unrelated to coding. He hopes to use his diverse set of skills to create and teach technology in a unique, user friendly manner. Currently living in Bosnia, he works as a web developer, exploring his interests in education and entrepreneurial business.
Life long learning is important to Ajdin, a dedication which grew through his employment history. In the future, Ajdin plans to develop his programming skills further, and to realize at least a dozen personal projects in development right now.