Learn JavaScript

[taitruong]

Goal: learn by developing a JavaScript solution

• Getting started

  • Mozilla Developer Network (MDN): JavaScript — Dynamic client-side scripting
  • w3resource | JavaScript array - Exercises, Practice, Solution

• Resources -MDN: JavaScript reference

• Further readings

  • W3Schools Online Web Tutorials: JavaScript Tutorial
  • StackOverflow: What is difference between functional and imperative programming languages?
  • YouTube: JavaScript Crash Course For Beginners
  • YouTube: JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour [2020]
  • Coursera: Programming Foundations with JavaScript, HTML and CSS
  • YouTube: JavaScript Lernen für Anfänger bis Profis
  • YouTube: Functional Programming with JavaScript
  • Stop Array.forEach and start using filter, map, some, reduce functions.
  • Udemy: The Complete JavaScript Course 2020: Build Real Projects!

• Books: https://hackr.io/blog/javascript-books

  • A Smarter Way to Learn JavaScript
  • JavaScript: The Good Parts
  • JavaScript: The Definitive Guide

[taitruong]

Summarize your learnings in a series of blogs:

• create a new folder 'javascript'
• organize series in subfolders
• one blog per week
• focus on learning javascript
• should have a theoretical and practical part
  • theoretical: use references as much as possible
  • practical: use examples, challenges, code snippets
  • evaluate gist for code snippets: https://gist.github.com
  • evaluate stackblitz and codepen.io for code examples
• first blog deadline: 17.04.2020 (next Friday)

[taitruong]

Please remember: put all your exercises and notes on your personal github repo. Use git and vi :)!

[taitruong]

Here is one little exercise: map a one-dimensional array into a 2-dimensional matrix (=table).

Given input is a one dimensional array like:

• const data = [1,2,3,4,5,6,7,8,9]
• const data = [1,2,3,4,5,6,7,8,9, 10, 11]
• const data = ["a", "b", c"]

Transform input into a nested/two-dimensional array. Like [1,2,3,4,5,6,7,8,9] => [ [1,2,3], [4,5,6],[7,8,9]]

Provide two types of solutions:

1. "Imperative style" using for loop
2. "functional style" using map, filter, reduce (functions on array)