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.
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 playbac
- 2. Introduction of Data Types and Operators in JavaScript
- 3. Traffic Popup windows, control structures
- 4. Define functions
- 5. Loops
- 6. Google algorithm 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