This course will introduce web design and development, as well as programming, with no prior experience required. Students will first be taught HTML (HyperText Markup Language) for laying out the structure of a website, and CSS (Cascading Style Sheets) for styling it according to the latest standards, with mobile device accessibility in mind. Once proficient in building HTML & CSS templates, students will make their foray into programming with JavaScript, which will allow them to make their websites truly interactive. With the frontend aspect of web development covered, the course will touch on the basics of backend development, and discuss various tools, frameworks, libraries, and services that are commonly used by web developers, to paint a complete picture of the profession. Upon completing the course, students will know how to design, develop, and host their own websites or web apps.
Course Outline
The course will begin with a high-level overview of how the internet works at a technical level, focusing primarily on:
- How internet traffic is routed
- IP addressing
- Client / Server relationships
- OSI Model
- How websites are hosted
- How browsers work under the hood
- Frontend (Client-side) vs. Backend (Server-side) distinction
HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the essential tools of any web designer or developer, since virtually every website in the world is built using these two technologies. Consequently, the course will cover them both very thoroughly, and assuming no prior knowledge, will take a student from a beginner to an advanced level understanding of HTML & CSS. By the end of this section, students will be able to build their own website templates.
Basic programming skills are often necessary for the building of even basic websites. Hence, the course will provide students with a foundational understanding of programming in general, focusing primarily on JavaScript – currently one of the most popular programming languages in the world. With JavaScript, students will be able to make their websites more dynamic and interactive, as well as build basic web apps.
Though the course focuses primarily on the Frontend (Client-side) aspect of web development, even Frontend developers ought to have a basic understanding of the Server-side. As such, the course will also provide an explanation of the Backend, including but not limited to:
- Setting up a local server
- Performing basic, common tasks with PHP – a Backend programming language
- Hosting your website publicly, once it is complete