Skip to content

HKDesign

  • Courses
  • Login
HKDesign
  • Home
  • Courses
  • Digital Literacy
  • Tools for Strengthening Your Coding Literacy

Tools for Strengthening Your Coding Literacy

Curriculum

  • 1 Section
  • 10 Lessons
  • 10 Weeks
Expand all sectionsCollapse all sections
  • Lessons
    10
    • 1.1
      Introduction to HTML, CSS, and Github
    • 1.2
      Application Development Using Airtable and n8n With Minimal Coding
    • 1.3
      Web Development in WordPress
    • 1.4
      Introduction to SQL for Simple Data Analysis
    • 1.5
      Basic Python Programming I
    • 1.6
      Basic Python Programming II
    • 1.7
      Beginning JavaScript I
    • 1.8
      Beginning JavaScript II
    • 1.9
      Basic Python Web Programming in Flask I
    • 1.10
      Basic Python Web Programming in Flask II

Beginning JavaScript I

https://hkdesign.org/wp-content/uploads/2025/09/Anatomy_of_an_Interactive_Web.mp4

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)
Basic Python Programming II
Prev
Beginning JavaScript II
Next

© 2025 HKDesign - WordPress Theme by Kadence WP
Image by wal_172619 from Pixabay

  • Courses
  • Login