Javascript, Vue, React

Course Outline

Eloquent

JS DS

FreeCodeCamp

The Odin Project

Node js

Express Js Express

You Dont Know JS

Change HTML Attributes Values

https://replit.com/@PhysicsCorners/FirstlessonJS#index.html

https://codepen.io/sriyanto1/pen/vYWdaaO

JS Where to

https://replit.com/@PhysicsCorners/Secondlesson#index.html

JavaScript can "display" data in different ways:

Writing into an HTML element, using innerHTML.

https://replit.com/@PhysicsCorners/Thirdlesson-a#index.html

Writing into the HTML output using document.write().

https://replit.com/@PhysicsCorners/Thirdlesson-b

Writing into an alert box, using window.alert().

https://replit.com/@PhysicsCorners/Thirdlesson-c#index.html

Writing into the browser console, using console.log().

https://replit.com/@PhysicsCorners/Thirdlesson-d#index.html

JavaScript Code Blocks:

JavaScript statements can be grouped together in code blocks, inside curly brackets {...}.

The purpose of code blocks is to define statements to be executed together.

One place you will find statements grouped together in blocks, is in JavaScript functions:

https://replit.com/@PhysicsCorners/LessonFour#index.html

JavaScript Syntax:

JavaScript and Camel Case

Historically, programmers have used different ways of joining multiple words into one variable name:

Hyphens:

first-name, last-name, master-card, inter-city.

Hyphens are not allowed in JavaScript. They are reserved for subtractions.

Underscore:

first_name, last_name, master_card, inter_city.

Upper Camel Case (Pascal Case):

FirstName, LastName, MasterCard, InterCity.

Lower Camel Case:

JavaScript programmers tend to use camel case that starts with a lowercase letter:

firstName, lastName, masterCard, interCity.

https://softauthor.com/learn-to-build-firebase-crud-app-with-javascript-part01-reading-data/

https://developer.mozilla.org/en-US/

https://nodejs.org/api/

Codes: https://github.com/davidflanagan/jstdg7 or https://bit.ly/3vVbt94

Eloquent Javascript

Eloquent_JavaScript.pdf

David Flanagan - JavaScript_ The Definitive Guide_ Master the World's Most-Used Programming Language-O'Reilly Media (2020).pdf

Robert Kean - 2020 JavaScript Programming for Beginners _ JavaScript from A to z _ Learn The JavaScript Programming Language Completely From Scratch.pdf

VUE JS

Hassan Djirdeh_ Nate Murray_ Ari Lerner - Fullstack Vue_ The Complete Guide to Vue.js-CreateSpace Independent Publishing Platform (29_8_2018).pdf

Here are some of the channels that you can use to stay updated with Vue.js and also learn the maximum about it:

Official Vue.js Documentation: https://vuejs.org/v2/guide/
Vue.js Cookbook: https://vuejs.org/v2/cookbook/
Vue.js Job Board: https://vuejobs.com/
Vue.js News Board: https://news.vuejs.org/
Vue.js Examples: https://vuejs.org/v2/examples/
VuePress Homepage: https://vuepress.vuejs.org/
VuePress Intro and Installation Tutorial: https://codecarbon.com/vuepress-static-site-generator/

In addition to that, it might also be worth the effort to check out the Awesome Vue repository on GitHub that shares a curated list of some of the most interesting tools and stuff related to Vue.js

You may visit the repository at https://github.com/vuejs/awesome-vue

Beberapa hal yang akan dipelajari pada kelas ini, antara lain:

Introduction to JavaScript : Mengenal apa itu JavaScript, mulai dari sejarah hingga alasan untuk mulai mempelajarinya.
JavaScript Fundamentals : Materi fundamental terkait JavaScript, seperti statement, expressions, variabel, tipe data, dan control flow.
Data Structure : Menjelaskan bagaimana menyimpan dan mengelola data yang lebih kompleks menggunakan Object, Array, Map, Set, dsb.
Function : Mempelajari bagaimana mengelompokkan kode menjadi fungsi yang dapat dipanggil ulang.
Object-Oriented Programming : Memahami konsep OOP pada JavaScript, bagaimana membuat class, properti, dan method dari class.
Functional Programming : Memahami konsep functional programming seperti perilaku fungsi, anonymous function, dan higher-order.
Setup Environment : Proses instalasi lingkungan pengembangan seperti Node JS dan IDE pada perangkat yang Anda miliki.
Module : Mempelajari bagaimana beberapa berkas JavaScript dapat saling berkomunikasi dan berbagi data satu sama lain.
Error Handling : Mempelajari bagaimana menangani kegagalan yang mungkin muncul dalam program, sehingga tidak berdampak kepada pengguna.
Concurrency : Mempelajari bagaimana menangani dan membuat proses asynchronous pada JavaScript.
Node Package Manager : Mengetahui beberapa library yang penting untuk ditambahkan ke dalam proyek aplikasi JavaScript.
JavaScript Testing : Mempelajari bagaimana melakukan pengujian otomatis pada kode JavaScript.

https://developer.mozilla.org/en-US/docs/Web/JavaScript

https://javascript.info/intro

https://nodejs.org/en/learn/getting-started/introduction-to-nodejs

https://nodejs.org/en/learn/getting-started/differences-between-nodejs-and-the-browser

Pengenalan Fundamentals JavaScript

Setelah kita mengetahui apa itu JavaScript dan sejarah singkat di baliknya, pada modul ini Anda akan mulai menuliskan kode JavaScript pertama. Sudah tidak sabar, bukan? Yuk, kita mulai belajar.

Pada akhir modul ini, Anda diharapkan dapat:

Menuliskan kode JavaScript dan menampilkannya ke konsol
Memahami penggunaan komentar pada kode
Memahami konsep variabel pada JavaScript
Memahami beberapa jenis tipe data pada JavaScript
Mengenal operator pada JavaScript dan bagaimana menggunakannya
Memahami konsep percabangan pada pemrograman
Memahami konsep perulangan pada pemrograman