1. Responsive Web Applications with Bootstrap & CSS
Course description
1st edition
Lecturer: Farhad Eftekhari
| © TechClass Oy

2.  Content Course description Topics Assignments Practical arrangements
1/11
Course description
Topics
Assignments
Practical arrangements
Assessment
Grading
References
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

3.  Course description
2/11
Nowadays, developing mobile-first web applications is a necessary approach. Not only the websites need to be fully functional, but also the User Experience and User Interface need to be fully compatible to the web standards. In this course, the student gets familiar with Bootstrap as one of the most powerful and popular CSS frameworks, and will be able to get the best out of various features and functionalities of such framework to develop elegant and responsive web applications.
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

4.  Topics INTRODUCTION TO CSS Understanding CSS
3/11
INTRODUCTION TO CSS
Understanding CSS
Working with Fonts and Typefaces
HTML and CSS are BestFriendsForever
Styling Links
Hover, active, focus
How CSS works?
Boxes; Border, Margin, and Padding
How to insert CSS?
CSS Selectors
Styling Lists, Tables and Forms
CSS Rules Overlapping
Layouts
CSS Rules Inheritance
Working with Images
Mastering Colors
HTML5 Layout Elements
Styling Text
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

5.  Topics INTRODUCTION TO BOOTSTRAP CSS Frameworks
4/11
INTRODUCTION TO BOOTSTRAP
CSS Frameworks
Aligning
Shadows
How Bootstrap got started?
Overlays
Getting Bootstrap
Patterns
Content Delivery Network
Hover Effects
Compatibility
Community
Getting Started
Grid System
Mobile first vs. Mobile last
Images
Thumbnails
Responsiveness
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

6.  Topics BOOTSTRAP CONTENT & COMPONENTS Content Components 5/11
Carousel
Collapse
Typography
Lists
Dropdowns
Forms
Styling text
Input group
Code show
Jumbotron
Images
List group
Tables
Figures
Modal
Navs
Components
Navbar
Alerts
Pagination
Badge
Popovers
Breadcrumb
Progress
Buttons
Scrollspy
Button group
Tooltips
Card
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

7.  Topics ADVANCED Color Coding Embeds Positioning
4/11
ADVANCED
Color Coding
Embeds
Positioning
Sizing, Styling, and Spacing
Icon Libraries
Using JavaScript
Accessibility & Screen readers
Examples
Themes
Versions
Introduction to other frameworks
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

8.  Assignments - Introduction
6/11
The assignments has been designed for the students to have a better understanding over course’s topics and personally be able to follow the instructors and do the assignments in an innovative and interactive way. A big portion of assessments will be dedicated to the assignment, and the students need to return it to the teacher after the course in order to be assessed.
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

9.  Assignments - Parts Exercises Self learning Feedback
7/11
Exercises
Problems/Solutions
Videos
Self learning
Feedback
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

10.  Practical arrangements
8/11
Items
Time
Lectures
8x5 = 40h
Labs
Assignment
35h
Self-study
40h
Quiz 3h
Project
18h
Total:
176 hours
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

11.  Assessment
9/11
the students need to return the assignments to the teacher after the course in order to be assessed.
Quiz will be held in the last session. The student must do it on her/his own, and it is going to contain 60 simple questions regarding the course material.
Project will be held in the last session. Any type of materials are free to use (Just like real life situations, when you are working on a project!)
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

12.  Grading Points Grade Description 90-100 5 80-89 4 70-79 3 60-69 2
10/11
Points
Grade
Description
90-100 5
Excellent performance: not only fulfils all standard requirements, whether, demonstrates originality and imagination.
80-89 4
Very good performance: fulfilling all tasks in an appropriate manner.
70-79 3
Good performance: showing strong understanding of basic concepts and good grasp of techniques, but with certain minor problems still requiring further attention.
60-69 2
Satisfactory performance: demonstrating basic grasp of concepts and techniques but less adept at more advanced application of these.
50-59 1
Sufficient performance: showing just enough understanding of the subject to merit a pass grade but requiring greater effort to achieve a more satisfactory result.
0-49 
Fail: 30-49: insufficient to pass but capable of achieving a more satisfactory result if greater effort is made. 0-29: a result indicating a significant lack of effort on the part of the student.
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

13.  References Tutorial videos Slides 11/11
Responsive Web Applications with Bootstrap & CSS | Course description
| © TechClass Oy

14. Remember to LEARN in a SMART way! 
Thank you for your consideration!
fb.com/techclass
@techclassoy
bit.ly/techclassoy
Remember to LEARN in a SMART way! 
Copyright © 2018 by TechClass Oy
All rights reserved. No part of this publication may be reproduced, distributed, or transmitted in any form or by any means, including photocopying, recording, or other electronic or mechanical methods, without the prior written permission of the publisher, except in the case of brief quotations embodied in critical reviews and certain other noncommercial uses permitted by copyright law. For permission requests, write to the publisher, addressed “Attention: Permissions Coordinator,” at the address below.
TechClass Oy
| © TechClass Oy