Beginning JavaScript I

JavaScript has become a very versatile language that is suitable for both front-end and back-end programming. Many front-end and back-end programming frameworks are derived from JavaScript. React shines on the front-end and Next.JS and Express.JS for the back-end.

Besides JavaScript, the Bootstrap web design framework is also introduced here. It is a very popular framework with pre-built web UI components that make responsive web front-end so much easier to build.

In short, this lesson paves the foundation for more advanced JavaScript and web application development down the road.

1. Use of JavaScript to access and control HTML and CSS elements.
2. Introduction to Bootstrap web design framework.
3. Use of Bootstrap for creating navigation bar and form.
4. Introduction to C3 for creating charts and graphs.
5. Introduction to Leaflet for creating maps.
6. Introduction to PapaParse for using Google Sheet to store data and allow access through CSV file sharing.

Self-study Videos

1. JavaScript Crash Course For Beginners (1 hr 40 min 29 sec)
2. Learn DOM Manipulation In 18 Minutes (18:36 min)
3. Introduction to JavaScript Event Listeners (22:06 min)
4. Javascript Callback Functions Tutorial (15 min 39 sec)
5. JavaScript ES6 Arrow Functions (9 min 31 sec)
6. Learn Ternary Operators In 9 Minutes (8 min 54 sec)
7. JavaScript ES6 Template Literal Strings in FIVE Minutes (6 min 39 sec)
8. JavaScript: Simple Form Validation (12:23 min)
9. Bootstrap 5 Crash Course | Website Build & Deploy (1hr 18min 47sec)
10. How to Create Website Graphs from CSV Files with c3.js and PapaParse (29 min 7 sec)
11. Mapping Geolocation with Leaflet.js – Working with Data and APIs in JavaScript (15:21 min)