Slide 1
Slide 1 text
INTRODUCTION
TO JAVASCRIPT
Andrew Miracle
Slide 2
Slide 2 text
$ whoami
Code validator on indorse.io and Founder of
Tecmie, a Software Consulting Company.
Currently an EIT @MESTAFrica
Twitter: @koolamusic
Website: www.andrewmiracle.com
I AM ANDREW MIRACLE
Slide 3
Slide 3 text
Javascript 101
Slide 4
Slide 4 text
You would have begun from a beginner javascript
coder, to a developer who can write a functional
web application in javascript & NodeJS.
We may include some aspect of Frontend as this
program should be fullstack.
THE GOAL OF THIS WORKSHOP
Slide 5
Slide 5 text
Read this
Javascript 101
Slide 6
Slide 6 text
The Mental Model
Javascript 101
What are the values of a and b after it runs?
Work it out in your head before reading further.
The goal of this exercise is to help you reflect on your mental model.
Writing code is all a mental model, why ?
Slide 7
Slide 7 text
Javascript 101
Slide 8
Slide 8 text
Values
Javascript 101
Primitive Values
Objects and Functions
Slide 9
Slide 9 text
Primitive Values
Javascript 101
Undefined (undefined), used for unintentionally missing values.
Null (null), used for intentionally missing values.
Booleans (true and false), used for logical operations.
Numbers (-100, 3.14, and others), used for math calculations.
Strings ("hello", "abracadabra", and others), used for text.
Symbols (uncommon), used to hide implementation details.
BigInts (uncommon and new), used for math on big numbers.
Slide 10
Slide 10 text
Objects
Javascript 101
Objects ({} and others), used to group related data and code.
Functions (x => x * 2 and others), used to refer to code.
Slide 11
Slide 11 text
Expressions
Javascript 101
There are some questions that JavaScript would be delighted to answer.
These questions have a special name — they are called expressions.
If we “ask” the expression 2 + 2, JavaScript will “answer” with the value 4.
console.log(2 + 2); // 4
JavaScript answers expressions in the only way it knows how — with values.
Expressions always result in a single value.
Slide 12
Slide 12 text
Javascript on the
Browser
Javascript 101
Let's have some fun
Slide 13
Slide 13 text
Javascript 101
Slide 14
Slide 14 text
Javascript 101
alert("Hello IOT")
Slide 15
Slide 15 text
What you will learn
Javascript 101
During this workshop over the months,
We will take up a number of libraries, design patterns and
core language features in the Javascript/ECMAScript Ecosystem
Slide 16
Slide 16 text
Frontend
https://reactjs.org/
ANGULAR
https://angular.org
VUEJS
https://vuejs.com/
Slide 17
Slide 17 text
API
EXPRESS SAILS
LOOPBACK
Slide 18
Slide 18 text
LET'S TALK!
@HANDLE
@koolamusic
WEBSITE
andrewmiracle.com
MAILING ADDRESS
[email protected]