PennX_Javascript_SD4x

Coursework for PennX_Javascript_SD4x course on EdX.

"This course, part of the CS Essentials for Software Development Professional Certificate program, provides an introduction to modern web development using JavaScript. In addition to exploring the basics of web page creation using HTML and CSS, you will learn advanced web page layout and responsive design tools such as Bootstrap. You will also learn how browsers represent a web page data using the Document Object Model (DOM) and how to develop dynamic, interactive web pages using JavaScript in the browser. Beyond fundamental JavaScript syntax and advanced language features such as callbacks, events, and asynchronous programming, you will work with jQuery, which provides functionality for simplified DOM manipulation and event handling.

This course will also introduce you to modern web frameworks and component-based libraries such as React.js for efficiently developing modular web page components, and D3.js for creating data-driven documents. We will also teach you how to represent and exchange data using JavaScript Object Notation (JSON), and how to access RESTful APIs on the web.

Server-side JavaScript is becoming more prevalent in the industry, with web frameworks such as Node.js and Express making it simple to create and deploy complex, data-driven web applications. This course will prepare you to use such frameworks and show you how to integrate them with NoSQL databases such as MongoDB."

Week 1: Web Programming Basics

• Basics of the World Wide Web
• Developing Web Pages with HTML
• Homework 1: modify an existing HTML page that uses inline style attributes so that it instead uses an external CSS file

Week 2: Using JavaScript to Create Dynamic Web Pages

• JavaScript Basics
• Homework 2: implement some simple JavaScript functions
• Using JavaScript in Web Pages
• Homework 3: develop a calculator app using JavaScript and jQuery

Week 3: Client-Side Frameworks for Developing Modular Web Page Components

• Developing Web Applications with React
• Homework 4: develop a React component that allows the reader of a web page to change the appearance of a piece of text
• Advanced Component Design for React
• Homework 5: develop a simple application to track lists of items using React
• Advanced Component Design for React
• Creating Data-Driven Web Content with D3.js

Week 4: Building Scalable Web Apps with Server-Side JavaScript

• Developing Web Applications with Node.js
• Databases and Web Applications
• Homework 6: use Node.js and Express to develop a Web API that provides services related to data stored in a MongoDB database