From JavaScript basics to detailed syntax and advanced usage
Latest grammar and modern JavaScript usage
In-depth theoretical and practical knowledge of JavaScript
Object-Oriented and Functional Programming through JavaScript
Advanced concepts like lexical scope, closure, and dynamic binding.
Asynchronous Programming with Promises, async, etc.
Useful practical tips like modules, bundling, compiling, documentation, etc.
Utilizing DOM in web development
Once you take this course, you won't need any other courses. Let's dive deep into JS 🛠️
🎁 Leave a comment on YouTube and get the course for half price
Please leave a helpful comment (even one line is fine) on the YouTube video (the free part of this lecture) at the link below and send a screenshot to yalco@yalco.kr and we will send you a half-price coupon for this lecture ! Video link: https://youtu.be/8kmtCVgqM34
JavaScript Language Intensive Guide 🔥
I wanted to create a course that you don't need to take any other courses after taking it once. Many people feel like something is lacking when they jump into practice after taking a basic course as a beginner, right? In order to relieve you of the trouble of searching for advanced courses and content to quench your thirst, I planned and completed a course that delves into everything from 🍼 the basics for beginners to 🍺 advanced concepts and applications for practitioners, after a long period of preparation.
This course is a deep dive into the JavaScript language, and the application of web development is covered only in the last section. Please check the curriculum before taking the course.
From basic to advanced Grammar and functions in detail
Object-oriented, functional programming Even the know-how of writing good code
Lexical scope, closures, etc. Even difficult advanced concepts are made easy
I recommend this to these people 🙋♀️
🍼
I'm just getting started with development Anyone who started learning coding
🎨
Learn HTML & CSS, For those who want to learn JavaScript
🪴
I use React and Vue, etc. Developers who lack basic JS skills
⛏️
javascript properly A working developer who wants to dig deeper
🟨
Node.js, React Native, etc. Developers in the field of writing JS
Special features of this course ✨
Quick and easy Video lectures 🚀
We save your precious time with a refreshing and simple process. (Please understand that depending on the student, the speed may feel fast. Please be sure to watch the free public videos and take the class! )
Easy and clear explanation from YouTuber Yalko
Too much explanation Detailed lecture 🎙️
In addition to the grammar and simple usage of JavaScript, we delve deeply into how JavaScript works and how the data used is structured, using the browser console. Numerous example codes are provided for detailed learning.
Learning that sells properly through carefully created examples and detailed explanations
Through the web page Convenient Practice 🖥️
The main points of each video and the copy-paste practice commands and codes are organized on the webpage , so you can follow and apply them and practice easily. You can practice more easily and more effectively by utilizing the console function of the browser without having to use a separate editor.
Convenient and efficient practice using lecture pages and browser console
Basic contents Free to public 😎
To ensure that students can study without burden, half of the content is available for free in advance.
If you take this lecture What will change? 💪
✅ Beginners and non-majors will lose their fear of coding.
✅ You will gain a clear understanding of parts that you only vaguely knew about or used without knowing much about.
✅ You will be able to clearly understand advanced features and difficult concepts and apply them in practice.
✅ You will be able to write JavaScript code more efficiently and fluently.
✅ You will gain the skills to analyze and delve into JavaScript on your own.
What content Will I learn? 📚
🏁 Section 0. Intro
Introduction to the JavaScript Language
How to take the course (⚠️ required viewing) / Setting up the environment for taking the course
🌱 Section 1. Basic use of JavaScript
How to use console, comments, and semicolons
Concepts and internal principles of variables and constants / Memory concepts
🎲 Section 2. Data Types and Operators
Concept of data type and dynamic data type / floating point error concept
Primitive data types, operators used together
Concepts and principles of primitive types and reference types
🚥 Section 3. Control Statements
Concept of block statements and scope / Scope chain and stack
Conditional statements (if, else, switch) and their practical use
for loop (general, object, array) / (do) iteration through while
🦾 Section 4. Functions
Functions, shapes, and usage
Concept of first-class objects and basic functional programming
Parameter-related functions / Advanced concepts and usage tips related to other functions
🧇 Section 5. Objects and Classes
Object concept, grammar and usage / New simple grammar
Constructor function and class/accessor properties and usage
Object-oriented programming in JavaScript
⚙️ Section 6. Main built-in objects
The concept of global objects and standard built-in objects
Key built-in properties and methods
Detailed usage of built-in objects such as wrapper objects, Math, and Date
🍡 Section 7. Array
Characteristics and Usage of JavaScript Arrays
New simple grammar and basic methods for arrays
Functional programming through higher-order function methods and chaining
🩻 Section 8. Dealing with Objects Deeply
Object object and main methods / property attributes
Deep Freeze and Copy / Serialize and Parse via JSON
🧮 Section 9. Additional Data Types
Numeric data types / Bit operations / BigInt
Symbol concept, grammar, and usage
🚃 Section 10. Iterables and Generators
Set and Map Grammar and Usage
Implementation and use of iterables and generators
⛑️ Section 11. Preparing for Problems
Error handling / Type-specific handling and customization / Bubbling concept
Problems with var / strict mode / optional chaining
📦 Section 12. Scope and Binding
The concept of lexical scope / environmental records
The concept and use of closures
Static binding and dynamic binding / Characteristics and uses of arrow functions
🧬 Section 13. Prototype
Concepts of Prototypes and Chains / Approaches and Utilization
Properties of instances and prototypes
Implementing the concept of inheritance/mixin using prototypes
🛣️ Section 14. Asynchronous Programming
Concept and implementation of asynchrony
Promise grammar, usage, and related methods
Simplification through async & await
Network Utilization of Promises and Async
💻 Section 15. Handling Code Files
Loading methods for HTML / Modularization
Bundling and compiling older versions
Hinting and automatic documentation/debugging via JSDoc
🌐 Section 16. Using it on a web page
The concept of DOM and its internal structure in JavaScript
Selecting and manipulating elements, implementing and utilizing events
Things to note before taking the class 📢
Practice environment
Operating Systems and Versions (OS) : You can learn on Windows, Mac, and Linux.
Tools used: Most of the exercises will be done in a browser (Chrome or Edge recommended).
Editor: The course uses VS Code (required to be installed only in the latter half of the course)
The lecture pages for the paid part will be disclosed in the relevant part.
Player Knowledge and Notes
It is designed so that even beginners to programming can take the course.
Knowledge of HTML and CSS is required only in the last of the 16 sections.
The lecture may be fast depending on the student, so check out the free part first!
You can follow the class step by step by using the lecture page.
Please be sure to send your questions using the method (email) provided on the lecture page.
Frequently Asked Questions Check it out 💬
Q. What can I do if I learn JavaScript?
A. The uses of JavaScript today are endless. As a front-end developer, you can not only create websites, but also build Node.js-based servers. You can also create mobile apps or desktop programs, and you can use it for machine learning.
Q. I'm new to programming. Can I still take the class?
A. We planned and produced the lecture so that even those who are new to coding can follow along. We use easy terms so that even non-majors can understand without difficulty, and we explain the operating principles of the code in detail for those who have no programming experience. Since we utilize the browser console, you can take the lecture without a complicated installation process, and you can use the lecture page as a supplementary teaching material to follow the practice calmly. However, depending on the student, the progress may feel very fast , so if this is your first time taking Yalco's lecture , be sure to check out the free part in advance.
Q. I am already working with JavaScript. How helpful will this course be?
A. You can develop with just a 'moderate' knowledge of JavaScript, but if you have not studied it 'properly' and deeply, there is a limit to how much you can put the characteristics and strengths of this language into practice. If you take this course that delves into JavaScript, you will learn how to use JavaScript 'like JavaScript', and you will also learn how to analyze the functions you have used and utilize them more effectively. You will also be able to break free from the vagueness of what you know and don't know about JavaScript, and gain the confidence that you can do anything with this language.
Q. Will taking this course help me learn web development?
A. This course is designed to delve deeply into the grammar, theoretical knowledge, and advanced usage of the language itself called JavaScript. In the last section of the 16, you will learn about DOM and practice using it on websites in conjunction with HTML and CSS, but it mainly covers the core parts and analyzes them in depth from the perspective of JavaScript. If there is an opportunity, I will create a separate web development course that will fully practice front-end development.
Q. Is knowledge of HTML and CSS necessary or helpful?
A. (Linked to the question above) Since the part about using JavaScript on web pages only appears in the last section, you can take the lecture without any knowledge of HTML and CSS in the previous 15 sections. If you have basic knowledge, you can take Section 16 without much difficulty.
Q. The lectures are fast paced, so won’t they be difficult?
A. The video progresses quickly, but each lecture has a linked lecture page so that you can easily review and practice the video content. You will be able to learn in a way that maximizes your time efficiency by utilizing examples throughout the page and the browser console!
Who is Yalko? 😀
I am a YouTuber who broadcaststhe YouTube channelYalpakhan Coding Dictionary and an author who writes IT books. Based on my experience as a full-stack developer, I create content that explains difficult programming concepts with analogies, easy examples, and sometimes animations so that beginners can easily understand them.
I really enjoyed learning JavaScript by studying and analyzing it using the browser console. I only knew a little bit about JS and used React and Node, but while taking this lecture, I realized a lot of things like, "Oh, this is how it works." Thanks to Yalko's easy explanations, I was able to learn advanced concepts easily. I think this will be a really fun lecture for those who want to study JS properly, as the title suggests. I especially recommend it to those who use JS in the field.
I've never written a lecture review before, but this is really...ㅋㅋㅋㅋㅋㅋㅋㅋㅋ It's amazing.. ㅎ..
I'm a non-major, but I'm really glad I started learning JavaScript through this lecture. I think it will be very helpful when I study other languages later. I was impressed by the way you handled memory addresses. . When I briefly studied C++ in the past, I was so confused about heap and stack in the memory section, but now I'm finally getting it sorted out. . It's so fun ㅋㅋㅋㅋㅋㅋㅋ
Actually, I was a little worried because of the nickname, "Thin Coding Dictionary," but I paid the course thinking that I could finish it quickly because the content was light, but it was a huge surprise. ㅋㅋㅋㅋ It's a choice I don't regret.
I think this is a lecture that only someone who has a deep understanding of the field can take. I realized that the basic grammar I've studied so far was very light. What lecture are you preparing next? I'm really looking forward to it..
I'm really happy to help you ㅠㅠ I feel like my hard work paid off!! The next lecture is about Java, which is widely used in Korea. I will complete it with even better content and present it to you. Thank you!!
When the class first started, I saw it for a few days and couldn't see it because of work, but I'm watching it again these days!
Before, I had vaguely seen the contents in the book, so I didn't understand them well, but this lecture explains everything from the basics to advanced concepts really well and easily.
I think that no matter what framework you use, you should have a solid foundation in the basics of JS, so this is a great lecture for solidifying the basics!
I think I'll have to look it up and take it repeatedly if I get confused even after completing the class. Thank you~!
I'll leave a review after listening to up to the 9th lecture.
This lecture is not a programming language lecture for beginners in programming, but rather a lecture for those who have completed at least the introductory level of other languages.
Rather than slowly showing the taste of programming, it feels like delving into the JavaScript language itself.
Those who find the lecture difficult should not try to memorize it too much, but rather fill up your 'coding skills' by solving simple problems or developing projects, and then come back.
(Of course, those who understood the free lecture part should not be afraid and pay.)
I had some experience with Java, so it wasn't difficult for me to understand, and I was able to learn by comparing the differences between Java and JavaScript,
but if I had no development experience at all, most of the content would have been difficult to understand.
And when the instructor looks at the code, he uses a lot of demonstrative pronouns like 'this', 'that', 'this function produces this result'.
Unless the student is following the flow of the lecture perfectly and is concentrating on the instructor's mouse cursor movements,
it is difficult to understand what 'this' means, so I think it would be better to intentionally avoid using demonstrative pronouns for better understanding of the lecture.
ex) When I ran the toString function like this, this is the result. - X
ex) When I ran the toString function with 2 as the argument, the string 0b11 came out. - O
This review may sound like a harsh review, but I am listening with great satisfaction. Thanks to the lecture flow that quickly checks the example code and the result value and analyzes the result,
It contains a lot of information in a short amount without being too long,
And there may be explanations that are difficult for beginners to understand, but that does not mean that the explanations are unfriendly.
If someone with some programming experience wants to know what kind of language JavaScript is, I think it is a very good decision to purchase this well-compressed and well-prepared lecture for the regular price of 50,000 won.
*There was a pronunciation story, but I have never felt that the pronunciation was strange.
I watch both Yalko's YouTube and Infleun lectures well. I love you.
[Additional response on 11/1/2023]
In response to your comments, I have re-edited the entire lecture.
I have slowed down the perceived speed by giving some leeway to parts such as screen transitions that were too fast,
and added markers to make it easier to find the parts that are being talked about in the video.
Please understand that it took a very long time.
If you watch the videos again now, you will be able to take the class much better than before.
Thank you for giving me your valuable feedback and helping me improve the lecture.
Thank you for your good feedback, I have improved the lecture overall. Thank you again!!
- - - - -
Thank you so much for the detailed and thoughtful lecture review!! Thanks to you, I was able to confirm things I hadn't thought of, and I was able to think more about which parts I should improve more specifically and how I can be more considerate of beginners.
I will try to reflect the parts you mentioned as much as possible in the next lecture to create better content.
I am so glad and happy that the lecture was helpful to Park Jeong-sik. Thank you again for taking the class!
As I was aiming for the 'backend', I reflected on the past days when the 'front' was simply focused on implementing functions.
After going through the basics to advanced content, I realized that it was such a fun language.
I think I need to go back and study it repeatedly (because I want to learn it properly and enjoyably) and I think I need to create prettier codes! It was a great lecture.
Thank you.