Our Amazing Partners
Please visit our partners and don’t forget to like!
React JS is a Java Script Framework which is used by popular social media such as Facebook. It is one of the most popular UI framework.
Into to JS
JS is JavaScript. I used to think that JS and Java were related some 20+ years ago. Then I found out not. I was a backend programmer: php. (Not like I wanted tp. I wanted to start programming professionally in Java). But got a job helping a senior programmer build a shopping cart in php. That was twenty plus tears ago in SE Asia(then technologically deprived of many ways). We built a cart using php3 raw code, no framework.
React JS is a framework of Java Script. Before learning React you have to learn Java Script.
Brief look at Java Script
Learn first HTML first.
Let us look into Java Script:
Before getting into programming backend, learn C. Then it would become easier. The green color are the variables declared in a JavaScript. The semicolon is the full stop.
Variables and Datatypes
Declaring a variable:
var ;
Note that the semi colon is optional.
We declare a variable with the var keyword. As in C, C++,Java.
To declare a in Java we do following
int age=15;
int is data type.
age is variable name.
14 is variable value.
In Java script we do not have to write the data type.
Here two examples in Java:
Example 1:
int x=5;
int y=10;
int sum=x=y;
System.out.println(sum); //outputs 15
In Java; is mandatory.
We want do this in Java Script.(Example 1 in Java Script).That would be :
<script>
var x=5;
var y=10;
var sum=x+y;
document. write(sum);
</script>
This above line executes the Java Script. So how we see the out put.
One is in a web page:
Example 2:
This example will be dealing with string.
In Java:
String str=” Welcome to Techkhala”;
System.out.println. (str);
In JS we do this like this. But before we go further, a thing about declaration of variable to be said.
Instead of using var keyword there is using of let keyword. This was introduced in 2015. The variables that were declared with let cannot be redeclared.
let carn1 = “Toyota”; // Double quotes;
let carn2 = ‘Audi’;
You can either use single or Double quotes.
let lenghtstr=carn2.length // length of string 2.(carn2)
We talk about the DOM model. This the way objects in a web document is arranged.
The DOM model is similar like the Visual Studio ‘s C# or VB uses.
In Java Script , Accessing elements :
document.getElementById();
To use this ID, the HTML element must have a ID attribute.
<div id=”dvtechkhala”>Get TechKhala by ID</div>
const techID = document.getElementById(‘dvtechkhala);
The id is stored in a constant declared as techID.
After that we could change the properties ,say color.
techID.style.border = ‘2px solid green’;
Thanks to Digital Ocean for the above and you can read the rest here. These guys are a standard to follow in the web.
The thing is along with JS you have to know following :
- HTML
- CSS
- DHTML.
Yes there is Udemy. Ok ,Techkhala want to make money from blogs but as a developer I do sympathize with programmers who just started and do not have much money.
I never thought of teaching until now, I used do that once but not in IT. That is physically tutor few students. That is why TekTrain was created. If you want basic programming online classes pls write to info@techkhala.com.
The best place to learn about HTML and above would be as a course
Educative ,it is free.
- W3Schools
- HTML
There are others but you have to look for them.
Why you should learn React ?
Mobile and VR Applications
Mobile and VR applications can also be built with React.
TechKid is an IT professional who has experience in IT for 18 years plus. In Software as well as Graphics Design marketing and outsourcing.
Quora Profile
Quora Profile
Latest posts by TechKid (see all)
- FTP creation and Specific directory access - May 8, 2022
- 4 Essential and Free WordPress Plugins - March 7, 2022
- Google Business Profile - February 23, 2022
Rate our post
0%
100
This is a summary of ratings of the users.