Nowadays, because cyberspace communication has flourished, designing a site in a way that is suitable and preferred by different users has become very important. For this reason, business owners are looking for professional designers to design a suitable and efficient site for the prosperity of their work.
Therefore, learning appropriate and up-to-date site design methods has been considered by many enthusiasts and job seekers. JavaScript is a client-side interpreter programming language that can be used to modify HTML elements on a web page and their CSS values, as well as a tool for data validation.
Nowadays, because cyberspace communication has flourished, designing a site in a way that is suitable and preferred by different users has become very important. For this reason, business owners are looking for professional designers to design a suitable and efficient site for the prosperity of their work” targetedwebtraffic.com”. Therefore, learning appropriate and up-to-date site design methods has been considered by many enthusiasts and job seekers.
Of course, it should be noted that most professional sites use several programming languages, each of which performs a specific task. HTML is one of the most widely used languages, used on most sites independently or in combination with other languages.
With the help of HTML language features, you can create a variety of web pages with all the necessary components such as: posts, tables, images, forms and. But HTML is just a design language and does not have the ability to program, control forms, respond to program events and user performance, and so on. That's why JavaScript is so important because of these capabilities.
JavaScript is a web-based scripting language used in millions of web pages to add functions, validate forms, communicate with servers, and more.
The list of topics and outlines of the topics discussed in this training series is as follows:
Lesson One: The Basics of JavaScript (a)
JavaScript capabilities
Application structure in JavaScript
Document object introduction
Introducing the Inner HTML property
Events and Functions
Lesson 2: Introduction to JavaScript (b): Introducing Data Types and Operators in JavaScript
String data type
Number data type
Boolean data type
Array data type
Object data type
JavaScript operators (arithmetic, attribution, comparison and logic)
Conditional Operator
Lesson 3: JavaScript Basics (C): Popup windows, control structures
Alert window
Confirm window
Prompt window
Control structure if
Switch control structure
Lesson 4: Defining Functions
Lesson 5: Loops
Ring for
While loop
do-while
For-in loop
Lesson 6: Events
Mouse events
Keyboard events
Event object
Lesson 7: Error and Exception Management (try-catch block)
Lesson 8: Document Object Model Tree
Change content via DOM
Change Attributes via DOM
Change Style via DOM
Specify Events via DOM
Relationships between nodes in the DOM tree
The concept of child Nodes, Siblings, and parent Node
Scroll the DOM tree
Lesson 9: Changing the DOM Tree
Create a Node with the create Element and create Text Node methods
Add Node with append Child, insert Before and replace Child methods
Remove Node with remove Child
Lesson 10: JavaScript Objects - String Object
Length, Constructor, Prototype
String methods
index Of
listened
concert
char Code
Replace
Split
Slice
Subset
Wrapper methods
And...
Lesson 11: JavaScript Objects - Date object
Different manufacturers of the Date class
Different methods of the Date class
get Date
getDay
getFullYear
getHours
getMilliseconds
getMinutes
getMonth
getTime
And...
Lesson Twelve: JavaScript Objects - Array Object
Length property
Array methods
indexOf
lastIndexOf
Concat
Join
Slice
Sort
Push
Pop
Shift
Unshift
Reverse
And...
Lesson 13: JavaScript Objects - Math Class (Working with Mathematics)
Math Properties
Math methods
Round
Random
Floor
Max
Min
Pow
Abs
And...
Lesson 14: JavaScript Objects – Reg Exp or Regular Expression Class (Regular or Regular Phrases)
Organized phrases concept
Modifier
RegExp methods
Test
Exec
Patterns
Metacars
Lesson 15: The Window Object
Window size (inner Width and inner Height)
Open method
close
Move To method
Resize To method
Screen object
Resolution size and avail Width and avail Height properties
History object and back and forward methods
Familiarity with the Navigator object
Timing and methods set Interval, set Timeout, clear Interval and clear Timeout
Lesson 16: Exercise 1 - Practice Preliminary Topics: Arrays and Loops
Lesson 17: Exercise 2 - Functions (including recursive functions)
Lesson 18: Exercise 3: DOM
Lesson 19: Exercise 4: DOM and Slide Show
Lesson 20: Exercise 5: Dropdown Lists
Lesson 21: Exercise 6: DOM and popup photos
Lesson 22: Exercise 7: DOM and change the right-click menu on the web page
Lesson 23: Exercise 8: DOM and popup photos with screen mask mode
The following is a list of English and Persian books published in this field:
Nicholas C; Professional JavaScript for Web Developers; 2012
Mark Myers; A Smarter Way to Learn JavaScript: The new approach that uses technology to cut your effort in half; 2014
Jon Duckett; JavaScript and jQuery: Interactive Front-End Web Development; 2014
Prerequisites
Web Design Tutorial with HTML - Introduction
Web Design Tutorial with CSS - Basic
Teaching the basics of programming
What you will see in this tutorial:
File programs and executed projects
Training related software
NotePad ++ 6.9.2
Previews
1. JavaScript Basics (a) Video playback
2. Introduction of Data Types and Operators in JavaScript
3. Traffic Popup windows, control structures
4. Define functions
5. Loops
6. Events
7. Error and Exception Management (Try-catch Block)
8. Document Object Model Tree
9. Change the DOM tree
10. JavaScript Objects - String Object
11. JavaScript Objects - Date object
12. JavaScript Objects - Array Object
13. JavaScript Objects - Math Class (Working with Mathematics)
14. JavaScript objects – Reg Exp or Regular Expression class (regular or regular expressions)
15. Object Window
10. Exercise 1 - Practice Introductory Topics: Arrays and Loops
18. Exercise 2 - Functions (including recursive functions)
18. Exercise 3: DOM
19. Exercise 4: DOM and Slide Show
20. Exercise 5: DropDown Lists
21. Exercise 6: DOM and popup photos
22. Exercise 7: DOM and change the right-click menu on the web page
23. Exercise 8: DOM and popup photos with screen mask mode