Frontend Development with HTML 5, CSS 3 and JavaScript

This course teaches you how to design and style web pages using HTML and CSS. You will then progress into learning how to change the behavior of elements on the page using JavaScript and end with building a fully functional front-end of a web Application.

We will build the front end of an infectious Disease data collection portal as our class project, linking all the concepts together.

Part 1: HTML and CSS Basics

Week 1 : The basic structure of an HTML 5 document, the head, body and formatting elements

Week 2: Introduction to cascading stylesheet, CSS colors, text and font properties.

Week 3: File referencing, Hyperlinks and Display, HTML Lists

Week 4: CSS Box model, Border, Margin, Padding, height and Width, Background properties

Week 5: Images, Image map and Sprite, Float, Clear and overfloat properties. Position and z-index

Week 6: Tables, Vertical Tables, colspan, rowspan, colgroup, col and caption

Week 7: Forms, Form Elements, and Form Attributes

Week 8: The document language, pseudo classes and pseudo elements

Week 9 : Part 1 Recap, and Quiz.

Part 2: Advanced HTML and CSS

Week 10 : The Viewport, grid view, layout elements, the float and grid view layout style

Week 11: The flex layout module, the grid layout module, CSS gradients, Shadows and Multiple columns

Week 12: HTML entities and Symbols, CSS counters, Multimedia, Iframes, Border Images, Units, Specificity, !important and functions.

Week 13: 2D and 3D Transforms, Transitions and Animations.

Week 14:CLI, git and GitHub, creating and cloning a repository

Week 15: Introduction to JavaScript, Variables and Operators, Data types and functions

PART 2 QUIZ

Part 3: JavaScript and Web Development Class project

Week 16: Scope and Objects, Events and DOM, Strings and String Methods, Searching Strings, Number and Number methods.
Week 17: Array and Array Methods, Sorting Arrays, Loops, Iterating Arrays, Dates and date methods.

Week 18: JavaScript classes and Objects, conditional statements, Math and Sets

Week 19: Maps and regular expressions, form validation, client side storage

Week 20: Drag and drop, Geolocation

Week 21 : Part 3 quiz. final Examination, final project

15 Practical problem set (40% of total score)

3 MCQ Quizzes (30 percent of total score)

Final Examination (10% of total Score)

Final Project (20% of total Score)

BSc. Computer Science - Kogi State University

Masters of Liberal Arts : Software Engineering - Harvard University

Graduate Certificate: Data Science - Harvard University