Introduction to Web Development

image

This is a course that Duong Vu and I taught in Spring 2017 at Wesleyan University, under the guidance of Professor Jeffrey Epstein.

This course is an introduction on how to build a working website from scratch and a self-exploration of personal creativity. After taking this course, students will have a fluent understanding on the different tools used in creating websites. Students will also be able to use the knowledge gained from this class to build their own personal websites, or work on a web project they are interested in.

This course will make use of the popular tools that are relevant in the industry. We will start with basic HTML, CSS, and fundamentals of Git, and then we will move to JavaScript and jQuery to help students build an interactive static website. We will also discuss about ‘Responsive Design’, and the theory of standard web structure. MEAN stack (MongoDB, Express.js, Angular.js, Node.js) will be the final topic on this course, and will be used for building stateful web applications.

This course will be beneficial to those who are looking to start on the web development journey, or need a quick refresher on the fundamentals of web development.

A special thanks to Duong Vu for being such an amazing co-instructor.

Link to GitHub



Roles: Course Developer, Course Instructor
Tools: HTML, CSS, JavaScript, jQuery, Git, Mongo, Express.js, Angular.js, Node.js



Media / Screenshots#

image

A lesson on creating HTML/CSS mockup for Instagram clone.

image

A "Choose Your Music" app, leveraging jQuery, ajax calls and Spotify API.

image

A simple quotes application to illustrate basic CRUD from MongoDB.