By life, I mean inter-active, animated elements like:
forms with pre-validation
galleries with thumbnails
and many more
I give you 100% satisfaction. If you do not like my course, you can request a full refund up to 30 days. Remember that if you have any questions regarding topics covered in the course please feel free to ask. I’m always happy to help!
Over 13,000 people from around the world have enrolled in my courses
My courses are updated if needed
Please check out free lessons before buying! See for yourself the great quality of the course and enjoy it!
What are the requirements?
You should already be familiar with basics of HTML and CSS.
What am I going to get from this course?
You will be able to create tooltips, slideshows, galleries with thumbnails and many more
You will understand events, variables, objects, arrays, functions, loops, conditional statements, DOM, RegExp, Cookies and use that info in your scripts.
You will know how to pre-validate all kind of forms and give users information if something is wrong without reloading website
You will know how to debug and keep your code performing well
Quizzes and exercises
Support from the author
What is the target audience?
|Section 1: Introduction|
Who Am I?
What you will know after this course?
Assumptions in this course
|Section 2: Editor|
Downloading and installing editor
Creating the project / structure of project
Useful shortcuts that will save you tons of time
Useful shortcuts in text used in lecture 8
|Section 3: Basics|
Properly embedding JS scripts on your website reducing website loading speed
Basics: How is your script executed? Whitespaces/semicolons etc.
Practise your basic knowledge (Updated Feb 16′)
|Section 4: Operators|
|Coding Exercise 1||
Create a variable that will hold sum of two other variables
Practise your knowledge about the operators
|Section 5: Conditions|
Conditional operator ?:
Practise your knowledge about the conditional statements
|Section 6: Functions|
Scope of Variables within Functions and Outside of Functions
Scope of Variables – fast text summary
Function Expressions | Anonymous function
Practise your knowledge about the functions (Updated Jun 15′)
|Section 7: Objects|
What are and how to create objects?
If your script is not working watch in Event section about onload event
Using an Object Constructor Function (class)
Adding Properties to Objects using Prototype
Practise your knowledge about the objects (Updated March 16′)
|Section 8: Arrays|
Useful Array Methods
Practise your knowledge about the Arrays
|Section 9: Loops|
What is loop? while and do while loop
instruction break and continue
loop for/in – used for processing objects
EXERCISE: Argument Object in function (unlimited number of arguments)
Loops quiz (Updated Feb 16′)
|Section 10: DOM (Document Object Model)|
What is DOM / how to obtain content of your website
querySelector – fast and easy accessing of elements on the website
Changing dynamically styles of elements using JS
Adding and removing elements from document
EXERCISE: Loop inside another Loop – printing out multiplication table
Practise your knowledge about DOM
|Section 11: Events|
Basics of Events
‘this’ – accessing the element that invoked the event function
onload event – VERY IMPORTANT LESSON DO NOT SKIP IT
Adding and removing event listener
Event object as an automatically passed argument to function
Propagating (multiplication of events)
Preventing browser default action for example blocking context menu
EXERCISE: onscroll Event – ‘jump to the top of website’ button
Mouse events – dragging the image
setTimeout and setInterval – Timing Events
EXERCISE: upgrading the code from the last lesson to object oriented way
Practise your knowledge about Events
|Section 12: Validating Forms using Events|
How to validate forms? Validating text type input using form related events
Stopping form from submitting when any data in a form is not correct
radio input on terms and condition example
select (combo box)
Practise your knowledge about validating forms
|Section 13: String|
Manipulating a string using String’s methods
Breaking string in many lines for readability and special characters
|Section 14: RegExp|
RegExp Object reference
Regexp match vs exec function
EXERCISE: RegExp on practical example – testing password in input
|Section 15: Date|
Time manipulation with Date object
Exercise: A Clock on your website
|Section 16: Cookies|
What are cookies?
Function for creating cookies
Function for removing cookies
Function for finding value of cookie by keyname
Properly interpreting special characters – EncodeURIComponent method
|Section 17: Dialog Window|
Confirm and prompt box
|Section 18: Math|
Rounding numbers and the most useful Math methods
EXERCISE: Random quotes
|Section 19: Location|
How to get and change location (URL) of your user?
|Section 20: Images|
Loading Images only when needed – save your bandwith and improve user experience
|Section 21: Exercises|
Slideshow animated in JS using CSS property transition
Animation using setInterval that is supported in every web browser
Image gallery with thumbnails
Tooltip – how to create a hint box?
|Section 22: Closures|
What are closures on practical example?
Discussion on stackoverflow about closures
|Section 23: BONUS 1: Debugging|
Debugging with console commands
Great online tools for testing and sharing your code
|Section 24: BONUS 2: Best practises|
Keeping one .js file
Compressing JS files
7 most common mistakes you should avoid
Changing IDE coloristics – keep your eyes healthy
|Section 25: Summary|
What after this course?
Arkadiusz Włodarczyk, Excellent teacher, Expert in Programming
I am the author of 27 very popular video courses about programming, web-development and math in Poland. I’ve also created 7 video courses in English. Over 13,000 people enrolled in my Udemy courses. I put all my heart into creation of courses. I always try to explain everything the easiest possible way. I’m sure that my courses will help you in the programming and web development adventure 🙂
I believe that everyone has the ability to develop software if they are taught properly. Including you. I’m going to give you the context of each new concept I teach you. After my course you will finally understand everything that you code.
I’ve been developing websites for over 14 years and i’ve been programming for over 10 years. I have enormous experience in that matter and I want to share with you my knowledge.
If you have any questions regarding covered topics please feel free to ask.
- Lectures 0
- Quizzes 0
- Duration 50 hours
- Skill level All level
- Language English
- Students 4316
- Assessments Self