A JAvaScript Devloper LEarn
Beginning JavaScript =====>
- things I learn about Javascript
- Three Kinds off all language Water
- Var
- Let
- Const
*I said why water?
The role of water in our lives is immense,Just like in a programming language like water,The above three things
1.”var” Variable declared “var” in java script are function scoped
For example
Because we declare var block scoped and result show function scope and result 100% show
var= why show last value because var variable changed value and same name declare result show last value result
2. Let : var or let same work but let es6 used Do u Know What is es6 ?If you don’t know, Google it
*var or let same work mean 2 system we are change value or noothers work matched here because var global variable or let block variable Show ur result Downline
Block scope
3.Const only one variable first you declare this variable second time u can not declare it
For example:
HTML5 tags that every web developer should learn
Specifies a hyperlink
Specifies an abbreviation
Specifies an address element
Specifies an area inside an image map
Specifies an article
New
Specifies content aside from the page content
New
Specifies sound content
New
Specifies bold text
Specifies a base URL for all the links in a page
For bi-directional text formatting
New
Specifies the direction of text display
Specifies a long quotation
Specifies the body element
Inserts a single line break
Specifies a push button
Define graphics
New
Specifies a table caption
Specifies a citation
Specifies computer code text
Specifies attributes for table columns
Specifies groups of table columns
Allows for machine-readable data to be provided
New
Specifies an “autocomplete” dropdown list
New
Specifies a definition description
Specifies deleted text
Specifies details of an element
New
Defines a definition term
Specifies that part of an application is interactive.
HTML 5.1
Specifies a section in a document
Specifies a definition list
Specifies a definition term
Specifies emphasized text
Specifies external application or interactive content
New
Specifies a fieldset
Specifies caption for the figure element.
New
Specifies a group of media content, and their caption
New
Specifies a footer for a section or page
New
Specifies a form
Specifies a heading level 1
Specifies a heading level 2
Specifies a heading level 3
Specifies a heading level 4
Specifies a heading level 5
Specifies a heading level 6
Specifies information about the document
Specifies a group of introductory or navigational aids, including hgroup elements
New
Specifies a header for a section or page.
NOTE: This element has been dropped from W3C HTML5 spec but it is still included in WHATWG Living Standard.
New
Specifies a horizontal rule
Specifies an html document
Specifies italic text
Specifies an inline sub window (frame)
Specifies an image
Specifies an input field
Specifies inserted text
Specifies keyboard text
Specifies a label for a form control
Specifies a title in a fieldset
Specifies a list item
Specifies a resource reference
Specifies the main content area of an HTML document.
New
Specifies an image map
Specifies marked text
New
Represents a toolbar consisting of its contents, in the form of an unordered list of items (represented by li elements), each of which represents a command that the user can perform or activate.
Specifies meta information
Specifies measurement within a predefined range
New
Specifies navigation links
New
Specifies a noscript section
Specifies an ordered list
New
Specifies a paragraph
Specifies a parameter for an object
Provides multiple sources to its contained img element to allow authors to declaratively control or give hints to the user agent about which image resource to use, based on the screen pixel density, viewport size, image format, and other factors.
New
Specifies preformatted text
Specifies progress of a task of any kind
New
Specifies a short quotation
Marks the base text component of a ruby annotation.
New
Used for the benefit of browsers that don’t support ruby annotations
New
Specifies the ruby text component of a ruby annotation.
New
Marks a ruby text container for ruby text components in a ruby annotation.
New
Specifies a ruby annotation (used in East Asian typography)
New
Indicates text that’s no longer accurate or relevant.
Specifies sample computer code
Specifies a script
Specifies a section
New
Specifies a selectable list
Defines a slot, typically in a shadow tree.
New
Specifies small text
Specifies media resources
New
Specifies a section in a document
Specifies strong text
Specifies a style definition
Specifies subscripted text
Specifies a summary / caption for the <details> element
New
Specifies superscripted text
Specifies a table
Specifies a table body
Specifies a table cell
Declares HTML fragments that can be cloned and inserted in the document by script.
New
Specifies a text area
Specifies a table footer
Specifies a table header
Specifies a table header
Specifies a date/time
Specifies the document title
Specifies a table row
Specifies a text track for media such as video and audio
Specifies text with a non-textual annotation.
Specifies an unordered list
Specifies a variable
Specifies a video
Specifies a line break opportunity for very long words and strings of text with no spaces.
If u want to learn more join this link ==>https://www.w3schools.com/html/html5_semantic_elements.asp
3. CSS3 examples that every developer should know
SCSS3 is a crossbrowser SASS implementation of CSS3 properties.
In short, instead of doing this:
.test-border-radius {
-webkit-border-radius: 12px; /* Saf3–4, iOS 1–3.2, Android ≤1.6 */
-moz-border-radius: 12px; /* FF1–3.6 */
border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
It allows you to simply do this:
@import “css3.scss”;
.test-border-radius {
@include border-radius(10px, 10px, 0, 0);
}
Currently the following mixin are supported:
- border-radius
- opacity
- box-shadow
- background-gradient
- rotate
- scale
- transform-3d
- transition
- background-size
- box-column
- tab-size
The following class are also provided for extension:
- .clearfix
- .reset-box
10. ES6 feature that every javascript developer should master
- JavaScript let
- JavaScript const
- JavaScript Arrow Functions
- JavaScript Classes
- Default parameter values
- Array.find()
- 1.find
- 2.map
- 3.filter
- 4.find
- Array[]
- Array.findIndex()
- Array.object{}
- Exponentiation (**) (EcmaScript 2016)
11.Everything you need to know DOM and event listener
Confused about Event Buble? I will explain it to you
Event bubble is a thing that works in a kisu rule that is very easy for you to understand for me like when I hit a ball somewhere on my own, I hit a target on the wall that has a target that will be useful and will work for me.I will use it to target something, find it step by step, find it wherever you find it, wipe it from the user to the user or there……..See detailed picture
All The Best