JakartaJS - How I Learn Javascript From Basic

HOW I LEARN JAVASCRIPT FROM BASIC

SHARE JAVASCRIPT LEARNING EXPERIENCE BY IRFAN MAULANA

About me• Name : Irfan Maulana• Work at Blibli.com as Software Development

Engineer• Has been code Javascript for at least 3 years

Intro• Are you developer before ?• Are you new with Javascript ?• Are you developer that want learn Javascript ?

Getting know JSJavaScript is a high-level, dynamic, untyped, and interpreted programming language.(https://en.wikipedia.org/wiki/JavaScript)

JS popularity

Source : http://stackoverflow.com

Reason to love JS• Its Free and (NO) need engine• Simple and Easy to learn• Lightweight and Fast to code• Front & Back side coverage• Third party library• Growth community and docs

My stairway to JS• I am Java Developer• Spent all time in Java environment• Project idle - helping frontend with JS

Framework• Learning in hard way for getting know

JS• At least 2 years until very familiar with

JS• Quit job, and get new job by JS

experience

Why I learn JS ?• Job responsibility, push me hard

learn• I wanna be a “rockstar” when

doing my job• JS is more young than Java• I see big opportunity in JS• Java developer with JS ability is

better

How I learn JS from Java ?• It’s more easy If you have write some code

before• I don’t think about variable types for first• I don’t need to create protected, private or

public• I start with define all my function globally• I don’t need to think object oriented for

first• Same with Java, just different syntax (learn

syntax)• Learn back with javascript OOP

JS Nightmare• There is no a good standard

for code convention in JS.• It’s hard to read JS structure.• Too much free role, like

same initialization, unsafe type, free passing.• Some browser support

limitation

My some little error• Have no consistency in naming

file, structure, function, variable• Using == instead ===• Not initialize variable with its

type• Do logic without checking its

undefined or null• Create global anonymous

function in un-relevant file• Create un-reusable function with

almost same function• Have not debug it

“Whatever your programming language,

Good algorithms are always better than super computers”

Here some of our problem in learning new programming language…

#1 Not enough time

We don’t give time (and sometimes the motivation) to learn.

Good motivation will lead you to spent more time in learning.

#2 Give up

We always give up too soon, without wanna know if we can do it with some little hard work in the beginning.

All great people in your environment is start with hard work and hard learning to be like now.

#3 Forgetting

We forget too quickly about what we learn.

Repetitive learn if you feel weak in remembering anything.

#4 Same Mistake

Do some mistakes in leaning are normal, but when make same repetitive mistake, this is a serious problem.

#5 Lazy to refer

We are too lazy to refer what we learn into primary sources that will make us having more good insight

#6 Don’t Practice

We sometime like to read about technical concept, tutorial or sample of others work.But thinking that we can understand anything without doing, practice, or make some sample is a wrong way.

My Cheat Sheet• Read code regularly with rhythm• Run through it everyday• When found a problem, try to solved

it, loop trial and error• Google it, see stackoverflow, ask your

close friend or mentor • Put in note when you found a diamond• Focus in one problem at the time• Share with other• Never stop learning• Don’t practice to hard

You Must Try in JS• Learn Javascript basic (datatype,

function, loop, flow, etc) • Get online courses• Create your own code and learn to

debug• Build something!• Learning some library or framework• Fix your knowledge for best practice

and high performance code• Power up your skill

Here some of my weapons…

Learn basic concept,syntax, and best practice

• Javascript For Cats : - learn a very basic of javascript code for fresh programmer• You Don’t Know JS

- learn concept, syntax and best practice of javascript • JS Style Guide

- Javascript code convention- standard to a good code

Javascript for Cats

You Don’t Know JS

JS Style Guide

Stackoverflow• Forum Q&A for getting know problem solving from

other people that face the same problem.• If you not found anything, you can make some

question.• Usually You will get the answer in days.

Stackoverflow

Facebook Group• You can free to ask in public forum about some

problem here even in bahasa. • Fact, there are many a good developer that will

help you if your question is relevant.• Don’t ever post un-relevant question here.• You can found the answer just in minute.

Facebook Group

Toolkit• Sublime or Jetbrain WebStorm (Javascript IDE)• Firebug or Chrome Developer Console• Angular Inspector, Sencha App Inspector• JSON and XML formatter• Postman• Mobile and Tablet simulator• Github• Google Keep

“It’s never been easy to learn something new, but there are no hard things to do when you think you can do then you do

with your best”

If I can, You can

Q & A• Feel free to ask

Source Article• https://sivers.org/learn-js• http://blog.learntoprogram.tv/five-resons-javascript-important-program

ming-language-learn/• http://www.jackkinsella.ie/2011/12/05/janki-method.html • http://stackoverflow.com/research/developer-survey-2015#tech-super • https://github.com/getify/You-Dont-Know-JS• http://jsforcats.com/ • https://github.com/feross/standard/

Contact Me• Email : mazipanneh@gmail.com• Github : /mazipan• Linkedin : /in/irfanmaulanamazipan• Facebook : /mazipanneh• Twitter : @Maz_Ipan

THANK YOU

JakartaJS - How I Learn Javascript From Basic

Technology

Basic JavaScript Tutorial

Chair learn basic english

Javascript Basic

Learn JavaScript and AJAX With w3schools

Learn visual basic 6.0

Javascript, API, and Server Side - Learn my secrets ofsddconf.com/brands/sdd/library/Javascript_API_and... · Javascript, API, and Server Side - Learn my secrets of success. JAVASCRIPT

[WEB UI BASIC] JavaScript 3탄

Learn Javascript/Ajax W3 Schools

How to Learn Javascript - JS - Code/Language - AngelKings.com

Learn Spanish Learn Basic Span

Basic html5 and javascript

Javascript basic course

Learn Basic Grammar

Learn Basic internet

ARRAYS CREATING AN ARRAY - Learn JavaScript & jQuery · 70 BASIC JAVASCRIPT INSTRUCTIONS 71 As you will see on the next page, values in an array are separated by commas. In Chapter

Learn Basic CSS3

Learn Javascript 1.3

[WEB UI BASIC] JavaScript 4탄

6. javascript basic

[WEB UI BASIC] Javascript 2탄