Earning by Front End Development
Front-End Development
Most of the People confuse by front -end development career. That the can't go outside without learning the Frameworks of different languages like JavaScript. Yes! it is necessary for front-end development also for web development career it helps you a lot. But If you don't learn or don't about the framework you can also earn money without them. So, you don't need to be afraid of this situation.
But if you want earn money you should learn HTML5/CSS3/JAVASCRIPT. These are the major Pillars of Front-end Development.
HTML Stands for HyperTextMarkupLanuage.
In this you will something about tags. Sorry! not something a lot.
HTML is the standard markup language for Web pages.
With HTML you can create your own Website.
HTML is easy to learn - You will enjoy it!
HTML5 Basics
All HTML documents must start with a document type declaration:
<!DOCTYPE html>.
The HTML document itself begins with
<html> and ends with </html>.
The visible part of the HTML document is between
<body> and </body>.
<!--Write your comment --> comment never shown in your browser but this will help you understand that what portion is for what purpose.
That's why mostly people use Comments in their code to understand their code easily
<> = this is opening tag
</> = this is closing tag
<!DOCTYPE html>
<html>
<title> your page write here </title>
<body>
<!--Write Content of your Webpage here -->
</body>
</html>
CSS3
CSS is a language that describes the style of an HTML document.
CSS describes how HTML elements should be displayed.
This tutorial will teach you CSS from basic to advanced.
- CSS stands for cascading style sheet
- CSS describes how the content of your web page shown on other devices.
- CSS saves a lot and very helpful to layout the web page.
- External stylesheet is stored in CSS external files.
CSS or Stylesheet will design your code of HTML and make it beautiful as you want.
Now there are three types of CSS
- Inline Stylesheet
- Internal Stylesheet
- External Stylesheet
Inline Stylesheet:-
Inline stylesheet is the stylesheet or CSS which is type in the line HTML code.
e.g,
<p style="color :black; " >This is a paragraph</p>
↑↑↑
This is the Inline CSS
Internal Stylesheet:-
Internal Stylesheet or CSS is the CSS which is type in the page of HTML code.
The method of type internal css is the use the <style> tag in the HTML code
e.g,
<!DOCTYPE html>
<html>
<title> your page write here </title>
<style>
body{
margin:0;
padding:0;
}
</style>
<style>
body{
margin:0;
padding:0;
}
</style>
<body>
<!--Write Content of your Webpage here -->
</body>
</html>
External Stylesheet:-
External Stylesheet is the stylesheet or CSS which is use in the HTML code by link the CSS file with the HTML code.
e.g,
CSS FILE:- (style.css)
*{
padding:0;
margin:0;
}
body{
background-color:#22222;
}
HTML FILE:-
<!DOCTYPE html>
<html>
<title> your page write here </title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style.css">
<body>
<!--Write Content of your Webpage here -->
</body>
</html>
JavaScript is the programming language of HTML and the Web.
JavaScript is easy to learn.
This tutorial will teach you JavaScript from basic to advanced.
Why Learn JavaScript?
Javascript is the one of the 3 Languages which all web developers must Learn
- HTML defines the content of the web pages.
- CSS which specify the layout of the web pages.
- JavaScript to program the behavior of the web page.
Difference about JavaScript?
Difference about javascript with HTML and CSS is that the Javascript is the Programming Language while the HTML and CSS are not.
This is the main Difference of Javascript.
Javascript Program:-
The computer program is the list of "instruction" to be "executed" by a computer.In a programming language, these programming instructions called
Statement.A javascript program is a list of programming Statements.
Javascript Statements:-
Javascript program are composed values,variables,comment,Expressions and keywords etc.
Really helpful and informative content. Thank you for sharing ☺️
ReplyDelete