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

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

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

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

 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 www.techclass.fi | © TechClass Oy

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

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 email address below. TechClass Oy www.techclass.fi info@techclass.fi www.techclass.fi | © TechClass Oy