Verified Certification: Verified by edX
Performance: Verified by edX
Venue: edX Online Learning
My work for edX's SD4x: Programming the Web with JavaScript, a course by PennX an online learning initiative by the University of Pennsylvania. This course provides an introduction to modern web development using JavaScript. In addition to exploring the basics of web page creation using HTML and CSS it teaches advanced web page layout and responsive design tools such as Bootstrap. It also talks about 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 introduces 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. It also teaches 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 prepares you to use such frameworks and show you how to integrate them with NoSQL databases such as MongoDB.
Thorugh the course I had to submit 6 homework Assignments and 9 Quizzes:
- Homework 1: HTML
- Homework 2: JavaScript
- Homework 3: jQuery
- Homework 4: React
- Homework 5: React
- Homework 6: Node
Basics of the World Wide Web Developing Web Pages with HTML JavaScript Basics Using JavaScript in Web Pages Developing Web Applications with React Developing Web Applications with React Creating Data-Driven Web Content with D3.js Developing Web Applications with Node.js Databases and Web Applications
In this assignment, I was supposed to modify an existing HTML page that uses inline style attributes so that it instead uses an external CSS file.
In completing this assignment, I was able to:
Gain experience reading, understanding, and working with existing HTML Apply what you have learned about CSS classes and styling to project and assignement
In this assignment, I was supposed to implement some simple JavaScript functions.
In completing this assignment, I was able to:
Gain familiarity with JavaScript syntax and writing JavaScript functions Get experience working with JavaScript arrays and objects See how to execute JavaScript code using a web browser’s console
In this assignment, you will develop a calculator app using JavaScript and jQuery.
In completing this assignment, you will:
Use the jQuery library to select HTML elements and modify their contents Define callback functions that are invoked as the result of user actions in the HTML page Assemble a JavaScript application consisting of multiple functions
In this assignment, I was supposed to develop a React component that allows the reader of a web page to change the appearance of a piece of text.
When the user clicks on the text, a small form will appear that contains:
a checkbox that lets the user choose whether the text should be bold buttons for decreasing and increasing the text’s font size, as well as a display of the current size Then, when the user clicks on the text again, the form disappears. Further details of the specification are provided below. In completing this assignment, I was able to:
Use the React framework to create a reusable, modular component
Define callback functions that are invoked as the result of user actions in the HTML page Use those callback functions to modify the attributes of HTML elements
In this assignment, you will develop a simple application to track lists of items using React.
The application you will be building has many components that work together in order to organize multiple lists. Such an app could theoretically be used to create a shopping list, a set of daily tasks, or so forth.
In completing this assignment, you will:
Gain experience understanding and modifying an existing React app Use the Node framework to create and deploy a React app with multiple components defined in separate files Gain more experience in implementing callback functions in React components that affect the components’ appearance Apply what you have learned in the lessons about the relationships between React components and how components interact
In this assignment, you will use Node.js and Express to develop a Web API that provides services related to data stored in a MongoDB database.
This assignment continues the “pet store” theme from previous assignments. In this case, you will build a Web API that allows applications to get information about the pets at the store and the pet toys that the store sells.
In completing this assignment, you will:
Learn how to set up Node, Express, Mongo, and related packages Apply what you have learned about developing a Node Express app and using various objects and functions Implement JavaScript queries using Mongoose to retrieve data from a MongoDB database Create a server-side Web application that reads data from an incoming HTTP request and sends back JSON data in an HTTP response