JavaScript from Beginner to Expert: Learn JS - JavaScript from A to Z | Arkadiusz Włodarczyk | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

JavaScript from Beginner to Expert: Learn JS - JavaScript from A to Z

teacher avatar Arkadiusz Włodarczyk, Professional teacher

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

82 Lessons (12h 9m)
    • 1. What is Javascript?

      3:17
    • 2. What you will know after this course?

      5:51
    • 3. Downloading and installing editor

      5:52
    • 4. Creating project

      6:05
    • 5. Useful shortcuts for Web Developers

      12:12
    • 6. Embedding script on site

      13:41
    • 7. Basics of JavaScript

      8:26
    • 8. Comments

      4:19
    • 9. Variables

      17:20
    • 10. const - constant variables

      5:53
    • 11. Relational Operators

      5:58
    • 12. Logical Operators

      7:26
    • 13. Bitwise Operators

      17:17
    • 14. Conditional Statement

      10:58
    • 15. Shortened conditional statement

      4:45
    • 16. Switch

      5:25
    • 17. Functions

      17:31
    • 18. Scope of variables

      8:51
    • 19. Anonymous functions

      12:43
    • 20. Objects

      13:36
    • 21. Object constructor function

      10:56
    • 22. Prototype

      5:38
    • 23. Arrays

      14:03
    • 24. Useful array methods

      17:02
    • 25. While and do while

      16:02
    • 26. For loop

      3:29
    • 27. Break and continue

      6:15
    • 28. For in

      7:45
    • 29. arguments object

      5:48
    • 30. DOM

      18:34
    • 31. querySelector

      6:05
    • 32. Changing dynamically styles using js

      4:10
    • 33. adding or removing elements

      10:30
    • 34. Loop inside another loop

      9:55
    • 35. Events basics

      9:08
    • 36. this keyword

      6:09
    • 37. addEventListener

      16:27
    • 38. Event object

      18:03
    • 39. Propagation of events

      5:35
    • 40. preventDefault

      6:05
    • 41. Onscroll Event

      7:59
    • 42. MouseEvent

      12:29
    • 43. Time events

      16:33
    • 44. Time events - upgraded version

      14:29
    • 45. Validating forms

      19:21
    • 46. Stopping submit button

      3:38
    • 47. Checkbox

      6:38
    • 48. Radio form

      6:25
    • 49. Select in form

      7:28
    • 50. String manipulation

      15:12
    • 51. Divding string in code

      5:06
    • 52. RegEx

      22:14
    • 53. exec method

      4:56
    • 54. check password

      9:28
    • 55. date

      19:30
    • 56. clock using date object

      14:31
    • 57. What are cookies?

      15:12
    • 58. Creating a cookie function

      4:55
    • 59. Removing a cookie function

      1:37
    • 60. Cookie - retrieve function

      5:57
    • 61. Escaping

      1:48
    • 62. Popup windows

      5:59
    • 63. Math methods - rounding values

      7:16
    • 64. Generating random numbers

      4:02
    • 65. Random quotes

      3:41
    • 66. Window Location

      3:08
    • 67. Preloading images

      9:30
    • 68. Preloading images

      9:30
    • 69. Slideshows

      11:11
    • 70. Animation in JavaScript

      4:36
    • 71. Animation using setInterval

      4:32
    • 72. Gallery with thumbnails'

      14:11
    • 73. Tooltips

      16:21
    • 74. Firebug

      3:28
    • 75. Console Debugging

      4:06
    • 76. Sharing code websites

      4:34
    • 77. Strict mode

      2:06
    • 78. Code Performance

      3:50
    • 79. Keeping one js file

      2:30
    • 80. Compressing js files

      3:50
    • 81. Most common mistakes

      7:26
    • 82. Keeping eyes healthy

      3:05
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

1,280

Students

--

Projects

About This Class

Save your precious time by buying this JavaScript course. You will learn how to program in JavaScript in a fast and easy way!

The total length of the JavaScript course is over 12 hours! You will learn theory and you will also gain lots of practice. During the course, I will explain to you how to write real-life applications, like galleries with thumbnails, image sliders, etc.

I will do everything so that you understand JavaScript. After this course, you will always understand the code you are writing. You will understand all concepts and create your own applications!

After my course, you can become a front-end developer. JavaScript is a very demanded language by employers.

The course is designed for people who don't have any knowledge about programming or want to truly understand JavaScript. It doesn't matter if you have never written any programs or you have no idea about programming... After my course, all this will change. You will bust the myth that programming is a difficult thing only for the few!

JavaScript will bring life to your website.

By life, I mean inter-active, animated elements like:

  • tooltips
  • image sliders
  • forms with pre-validation
  • slided panels
  • galleries with thumbnails
  • menus
  • and many more

Learn JavaScript in order to improve the user experience on your website, which will result in more visitors and sales, because happy visitors = a better reputation for your website.

JavaScript gives your website additional functionalities that can be executed on the user's computer without re-connecting to the server. This allows you to do things that you cannot do with only HTML. Because of this, the user interface becomes more friendly and more inter-active

Javascript is a programming language used for creating dynamic action on your website. If you want to remove/change/add content to your website dynamically, you must know JavaScript.

After this course, you will know JavaScript perfectly. This is the most organised course about JavaScript from Beginner to Expert on the whole Internet. I will take you step by step from theory to practical examples, like image sliders and animation.

Understanding JavaScript syntax well will allow you to also understand jQuery framework better. jQuery framework is a large library of useful JavaScript functions that allows you to write less code while at the same time accomplishing much more.

What's more, JavaScript is required to understand AJAX which allows you to load content on your website without reloading the whole website.

As a front-end developer you have to know HTML, CSS and JavaScript perfectly.

In addition to this, I'm adding two BONUS sections about Debugging and Best practices for developing clean, easy to maintain and well-performing code in JavaScript.

JavaScript is necessary for becoming a front-end developer. Imagine a situation where you have a clock on your website. You would need to request a new value from the server every second in order to update this clock. With JavaScript, everything runs on the user's end without re-connecting to the server. Just imagine what a mess it would be if the clock needed to reset every second. Your webpage would have to constantly reload to update the content, destroying the user experience. With JavaScript you can update the content without reloading the webpage. What's more is that there are advanced libraries for JavaScript, like AJAX, that allow you to connect to the database and retrieve information without reloading the website. To sum up JavaScript 'runs' on the web-browser of the visitor of your website.

Become JavaScript Expert today!

Meet Your Teacher

Teacher Profile Image

Arkadiusz Włodarczyk

Professional teacher

Teacher

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 300,000 people enrolled in my 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 15 years and i've been programming for over 10 years. I have enormous experience in that matter and I want to sh... See full profile

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. What is Javascript?: Hello, my friend. When you're learning something new, do you ask yourself many questions like why do we need events? Why do we need loops with our day? How do we use them and so on and so on? If yes, then you are in the right place because I will answer all your questions. Looking like that. I will explain you in discourse everything from the basics toe advance compliments off the JavaScript so we can become the expert. Discourse is divided into 23 sections and it consists off 85 lessons. It is over 12 hours off. Great content. You also gonna find here loads of quizzes and exercises. I will explain your syntax off the JavaScript and well trained the syntax. During practical examples, JavaScript is giving your website additional functionalities that can be executed on the user computer without reconnecting toe the server. This allows you to do things that you cannot do with on HTML. Because of it, the user interface becomes more friendly and more interactive by interactive elements. I mean things like two deeps animated insiders force with privilege, validation slided partners, galleries with companies and many men, and more and well you might be asking yourself what you will know after discourse. After this cozy will be ableto right coding. JavaScript on any level of difficulty creates creeps like Dynamic gallery with family slide shows at cetera de Bagger Kotick and keep your coat performing well and much, much more. You understand things like variables, all operators, conditional statements, functions, areas, objects, loops, document object model events, regular expressions, cookies and minimal. You have got more information about this below the video, okay? And what you should know before discourse, you should understand the basics off HTML and CSS. If you know that you can easily work these cars and you might be asking yourself, Hey, but why should you choose my course? Because you have my help regarding cover topics if needed. My courses are updated. I have thousands off satisfied customers, and these cars is led by me. And I am very experienced person, and I'm not gonna talk like they're about as you can see, and I want to make your time spend well in a good mood. You can download a lessons on your computer disk. I do not assume that you are a pilot, a Lightman other teachers. I'm adding source coat free, Preval essence and well, who am I? My name is our Kardashian Ladakh trick. I don't like to talk about myself, but well, as you can see, I have got an experience in this matter. I've been programming for over 10 years time and I have been developing a website for over 14 years and I am altered off 27 video courses in Poland. I have created also six video courses in English. I am teacher off thousands off satisfied customers. There are many comments about my courses and here is one of them. If you have any questions regarding cover topics, please just ask me. I really love helping other people create a discussion. I will be glad to help you. That's all. Thank you very much. 2. What you will know after this course?: Hello today I would tell you about his JavaScript and why it's worth to learn. JavaScript is a programming language for Web browsers. So, for example, for Firefox, Google, chrome, Internet spur and so on, you can create in Eat a coat, which is called a script that can be executed on the visitor off your website computer, which means that when you finish loading the website, so let's refresh it is you can still access elements on the website and you can change them , right? So, for example, when we have got here a gallery with calmness with these miniatures here, as you can see when I am using my mouth over one of the aim it the image here, the main image is being changed, and it's very useful because now you don't need to take so much space on your website, and you can show the product in the bigger version very easily. Right. As you can see, this is improving the user experience on your website and in addition to these, as you can see, we have got a tool tip here, right that is giving additional information about each off this image that is very very cool and it's improving, um, their user experience. So HTML is responsible for the content of the website. CSS is responsible for the layout and JavaScript. It is responsible for reacting to the user actions and doing things with HTML and CSS on the user side after finishing the download of your website because normally without JavaScript, you wouldn't be able to do anything on the user computer, right, because after connecting to the server your and down holding the website, the user is not connected to the server anymore. It's just look his computer. That's all you could. You could close the connection. You have got still access to this website, right? So javascript can be used for also many other things. Not only galleries with combines, you can create something with this called slided panels. You can create things like transitions between images, well, images that are changing each seconds. We just could slide show panel. You can use it, for example, on shop webpages, where you can show many products in one small place, right. You can create promotions and many other things which makes your user experience better, and JavaScript is necessary for becoming front and developer who is responsible for the things that are done on the user side. Right. Imagine a situation like that where you have a clock on your website. You would need toe every second request to the server from the server and you value in orderto update this clock. We've javascript. Everything is a rounding on the user side. We were reconnecting constantly to the server So the javascript can be used toe ab the content off your website and placed a dif. You can, for example, change the size right and can show something. You can create a tool tip next we that if you can, for example, change their source attribute of the image here you can do some kind of animation. All that things are done in Java keeps changing dynamic. Anything's layout on your website is something that is down in javascript. But once more there are advanced libraries for javascript like Ajax that advise you to connect to the database and retrieve in for without reloading the website, for example, when we go here, as you can see now, when I click here, I am not reloading my website. I'm just changing. Displace you and all that content is taken from the database from the peach being my school . If you don't know it yet, don't worry. Just remember that you can even use it for in with advanced libraries to create literary website that do not reload refresh, Don't do something like that, right? Refreshing. That takes loads of time. Right? So this is very, very awesome. And you can also use javascript toe pre value date. The input informs like, for example, with the password was strong enough for the email use, right and so on. Before sending these values to the server, you can show special box informing user what is wrong in the form we've other resetting resetting his values in four. It makes user experience on your website. Loads of better understanding, double skip syntax. Well, we allow you to also understand better something would just called Jake. We're a framework. And Jake wear for framework. Visibly beak, library off useful JavaScript, blue jeans functions. Thinks that allows you to write less coat doing much more. Okay, there are already many things done that you can just use, but in order to understand Jake Query, you have toe also I understand. JavaScript. So you so you know what's going on there Right after my cause? You will understand all JavaScript, advanced compliments. So you will be able to use any libraries. As you wish. So you know javascript perfect. This is the most organized cars about JavaScript, from beginner to expert on the whole Internet. I would take you step by step from the theory to practical examples like Amy sliders and animation. If you have any questions, feel free to ask and diesel in the lesson. Thank you very much. 3. Downloading and installing editor : Hello everybody. Today it's time to download an editor that we're gonna use to learn java script. As you can see, we can now use then the beans that you can download from this side here. As you can also see, it can be used to programming in Java to create websites using HTML5, PHP and much, much more. That's why this editor is pretty cool. I really like it. And it's also free. But you might be asking yourself, hey, you know Iraq, I know other programming languages and I've already programmed in other editors. Do I need to use NetBeans? And if I want to follow, you know, you don't, you can use an IDE, you want, you can use an integrated