Create a responsive website using Bootstrap.
Learn how to create responsive websites that deliver a message to any screen size using Bootstrap. Bootstrap is the most popular HTML, CSS, and JS framework for faster and easier web development.
What is the course about?
It is by far the easiest way of developing responsive, mobile-first web sites easily and fast. You will need to have basic knowledge of HTML/CSS. The course will be taught on Windows PCs using the open source text editor Notepad++ but if you prefer to bring your own device (PC or Mac) we are welcome to do so..
What will we cover?
What is Bootstrap?
Getting started with Bootstrap.
Bootstrap Grid System.
Create Tables, lists and forms
Use Jumbotrons and Modal pop ups
Create different navigation menus.
Create a Carousel (a slideshow presentation for images)
Creating an example responsive website .
Publish your website through a web server.
What will I achieve?
By the end of this course you should be able to…
Recognize the importance of mobile browsing and why websites should be useable on all screen sizes
Create webpages using the Bootstrap 3 framework from a content delivery network.
Use Bootstrap’s typography to create attractive text, forms, and tables
Use Bootstrap’s responsive grid system to build flexible designs that scale to all screen sizes.
Apply common Bootstrap design components such as Jumbotrons, collapsible navigation bars, and modal popups into your webpages.
Produce promotional photo sliders.
Upload and test your website on a web server.
What level is the course and do I need any particular skills?
You should have a reasonable knowledge of HTML/CSS. You will also need good basic computing and file management knowledge.You should also be able to follow spoken and written instructions.
How will I be taught, and will there be any work outside the class?
Each student has their own computer.
Presentations will be made using computers, whiteboard, overhead screen and printed notes.
Step by step instruction / demonstration and hands – on exercises to practise the code.
Are there any other costs? Is there anything I need to bring?
You will need to bring a memory stick, pen and paper.
When I’ve finished, what course can I do next?
HTML5&CSS:stage 3 or another of our many web development and coding courses with a range of different software – see the prospectus for details.