Web Development 101

Peace, welcome to Web Development 101. This course teaches students how to program the web, using the three fundamental building blocks of the web; HTML, CSS and JavaScript. It also explore Command Line Basics, Basics of Git and GitHub Pages, Accessibility of Websites, Web Performance and Jekyll (a static site generator). You will learn how to take your skills from beginner to a professional web developer.

The course projects are designed around what is happening in the real-world to give the students a feel on what is happening in the industry.

Version 1.1 - Note: Everything here is subject to change

This course is in the public domain, since everything here is not originally from us. It is the compiled notes taken from many sources when we were learning. You can contribute to the quality of the material and practice the same steps as you would to contributing to an open source project.

Instructors

Course Meetings

Pre-requisites

You should have some knowledge in computer applications

Expectations

you are expected to:

• watch all lecture videos
• attend lectures.
• attempt all the activity, Quizzes and home work questions
• do and submit all the projects and the final project

Reading Assignments

Assigned readings gives students the opportunity to go beyond this class and read much superior materials that are beyond the scope of this course. Note: exam/test questions might be drawn from the required reading assignments.

Quizzes

This are pre-lecture quiz, the intention is that, you should be able to answer the questions immediately obvious. If you do, that is a sign that, you are sufficiently engage with the material in this notes or the assigned reading links. If you find that, you cannot answer the quiz questions or you have to go back and find the answers, then that is a sign that, you are not engage with the material.

Exam

At the end of the course, there will be a pre-Exam and a final Exam to synthesize and assess mastery of the entire course material.

Grading

Lessons

1. Getting started with web development
2. Command Line Basics
3. Basics of Git and GitHub Pages
4. HTML and CSS
5. JavaScript
6. Accessibility of Websites
7. Web Performance
8. Jekyll

Projects

There will be 10 projects and a final project. These projects will be issued as we are moving into the course.

A summary of projects appears below.

Walk-throughs

Integrated into projects are 'walk-throughs' videos that offer direction on where to begin and how to approach project/s.

Solutions

Available after projects' deadlines are Solutions, which Ebrima Touray will explore actual solutions to projects. You are expected to be in class for insights into how else you could have (or should have!) implemented your own solutions.

Final Project

All final projects will solve an actual problem, that have an impact in our community. Each team will strive to create something that outlives this course.

Development is rarely a one-person effort, you are allowed an opportunity to collaborate with one of your classmates for this final project.

Guidelines for the final project will be release towards the end of the course.

Credits

• MDN Web Docs - HTML
• MDN Web Docs - CSS
• MDN Web Docs - JavaScript
• Web Development for Beginners - A Curriculum
• CS50 - David J Malan
• FreeCodeCamp