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.
5.0
우주사막
95% enrolled
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..
5.0
전형준
70% enrolled
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~!
What you will gain after the course
From the basics of JavaScript to detailed syntax and advanced usage.
Modern Syntax and Contemporary JavaScript Usage Patterns
In-depth theory and practical knowledge of JavaScript
Object-Oriented and Functional Programming with JavaScript
Advanced concepts such as lexical scope, closures, and dynamic binding
Asynchronous programming through Promises and async/await
Useful practical applications such as modules, bundling, compilation, and documentation
Utilizing Web Development through the DOM
Let's dive deep into JS properly so that once you take this course, you won't need any others 🛠️
Intensive JavaScript Language Deep Dive 🔥
I wanted to create a course that eliminates the need for any other lectures once you've taken it. As a beginner, do you often feel like something is missing when you jump into practical work after taking a basic course? To save you the trouble of searching for advanced lectures and content to quench that thirst, I have planned and completed this course after long preparation to properly dive into everything in one go, from 🍼 basic fundamentals for beginners to 🍺 advanced concepts and applications for professionals.
This course focuses on diving deep into the JavaScript language itself, with web development applications covered only in the core parts of the final section. Please check the curriculum before enrolling.
Detailed syntax and features from basic to advanced
Object-oriented, functional programming and even know-how for writing good code
Even difficult advanced concepts like lexical scope and closures are made easy
Recommended for these people 🙋♀️
🍼
Those who have just entered development and started learning to code
🎨
Those who have learned HTML & CSS and are looking to learn JavaScript
🪴
Developers who use React or Vue but feel their JS basics are lacking
⛏️
Working developers who want to properly dive deep into JavaScript
🟨
Developers in fields using JS, such as Node.js and React Native
Unique features of this course ✨
Fast and easy video lectures 🚀
With a fast-paced and straightforward progression, we save your precious time. (Please understand that the pace may feel fast depending on the learner. Be sure to check out the free public videos before taking the course!)
Easy and clear explanations by YouTuber Yalco
Too-Much-Explainer's Detailed Lecture 🎙️
Beyond just the syntax and simple usage of JavaScript, we delve deep into how JavaScript operates and the structures of the data it uses by utilizing the browser console. Numerous example codes are prepared for in-depth learning.
In-depth learning through meticulously crafted examples and detailed explanations
Via the webpage, convenient practice 🖥️
For each lesson, the key points and copy-pasteable practice commands and code are organized on the webpage, allowing you to follow along and apply them for smooth practice. Without the need for a separate editor, practice is conducted conveniently and more effectively using the browser's console feature.
Convenient and efficient practice using the lecture page and browser console
Basic Content Available for Free 😎
To ensure that even students can study without any financial burden, half of the content is available for free through the preview.
What will change after taking this course? 💪
✅ Beginners and non-majors will lose their fear of coding.
✅ You will gain a clear understanding of the parts you only vaguely knew or used without fully understanding.
✅ You will be able to clearly understand advanced features and complex concepts and apply them to practical work.
✅ You will be able to write JavaScript code more efficiently and elegantly.
✅ You will develop the inner strength to analyze and delve into JavaScript on your own.
What will you be learning? 📚
🏁 Section 0. Intro
Introduction to the JavaScript Language
How to take the course (⚠️ Must watch) / Environment setup for the course
🌱 Section 1. Basic Usage of JavaScript
How to use the console, comments, and semicolons
Concepts and internal principles of variables and constants / Memory concepts
🎲 Section 2. Data Types and Operators
Concepts of data types and dynamic typing / Concept of floating-point error
Primitive data types, and operators used with them
Concepts and principles of primitive and reference types
🚥 Section 3. Control Statements
Concepts of block statements and scope / Scope chain and stack
Conditional statements (if, else, switch) and practical usage methods
Loops through for (general, object, array) / (do) while
🦾 Section 4. Functions
Functions, their forms, and usage methods
The concept of first-class objects and basic functional programming
Parameter-related features / Other advanced function concepts and usage tips
waffle Section 5. Objects and Classes
Concepts, syntax, and usage of objects / New shorthand syntax
Constructor Functions and Classes / Accessor Properties and Their Usage
Object-Oriented Programming in JavaScript
⚙️ Section 6. Major Built-in Objects
Concepts 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. Arrays
Characteristics and usage of JavaScript arrays
New simple syntax and basic methods related to arrays
Higher-order function methods and functional programming through chaining
🩻 Section 8. Advanced Objects
Object objects and key methods / Property attributes
Deep freezing and copying / Serialization and parsing via JSON
🧮 Section 9. Additional Data Types
Other Number Systems / Bitwise Operations / BigInt
Symbol concepts, syntax, and usage methods
🚃 Section 10. Iterables and Generators
Set and Map syntax and usage
Implementation and usage of iterables and generators
⛑️ Section 11. Preparing for Problems
Error handling / Handling by type and customization / Bubbling concept
Problems with var / Strict Mode / Optional Chaining
📦 Section 12. Scope and Binding
Concept of Lexical Scope / Environment Record
Concepts and applications of closures
Static and Dynamic Binding / Characteristics and Usage of Arrow Functions
🧬 Section 13. Prototype
Concepts of prototypes and chains / Approaches and usage methods
Properties of Instances and Prototypes
Inheritance using prototypes / Implementing the concept of mixins
🛣️ Section 14. Asynchronous Programming
Concepts and implementation of asynchrony
Syntax and usage of Promises, and related methods
Simplification via async & await
Practical application of Promises and async in networking
💻 Section 15. Handling Code Files
Loading methods into HTML / Moduling
Bundling and compiling for older versions
Hinting and automatic documentation via JSDoc / Debugging
🌐 Section 16. Utilizing on Web Pages
The concept of DOM and its internal structure in JavaScript
Element selection and manipulation, event implementation and utilization
Notes Before Taking the Course 📢
Practice Environment
Operating System and Version (OS): You can learn on Windows, Mac, and Linux.
Tools used: Most of the practice takes place in the browser (Chrome or Edge recommended).
Editor: VS Code is used in the lectures. (Mandatory installation only in the latter part of the course)
The lecture pages for the paid parts will be revealed in their respective sections.
Prerequisite Knowledge and Precautions
프로그래밍을 처음 시작하는 사람들도 수강할 수 있도록 제작했습니다.
Knowledge of HTML and CSS is only required for the last of the 16 sections.
수강자에 따라 강의 속도가 빠를 수 있으니 무료 파트를 먼저 살펴보세요!
You can follow the lessons step-by-step by utilizing the lecture page together.
Please make sure to send your questions via the method (email) guided on the lecture page.
Check the Frequently Asked Questions 💬
Q. What can I do if I learn JavaScript?
A. Today, the versatility of JavaScript is limitless. Not only can you build websites as a frontend developer, but you can also build Node.js-based servers. You can also create mobile apps or desktop programs, and even utilize it for machine learning.
Q. I'm new to programming; can I still take the class?
A. This course was planned and produced so that even those new to coding can follow along. We use simple terms so that non-majors can understand without difficulty, and explain the principles of how code works in detail for those with no programming experience. Since we use the browser console, you can take the course without any complex installation processes, and you can follow the practice sessions calmly by using the lecture page as a supplementary textbook. However, depending on the learner, the pace may feel very fast, so if this is your first Yalco lecture, please be sure to check out the free parts in advance.
Q. I am already working with JavaScript in practice; how much will this course help me?
A. While it is possible to develop with only a 'moderate' knowledge of JavaScript, if you haven't experienced studying it 'properly' and in-depth, there are limits to bringing out the characteristics and strengths of this language in practice. After taking this course, which dives deep into JavaScript with purpose, you will learn how to use JavaScript 'like JavaScript' and learn how to analyze and more effectively utilize the features you have been using. Furthermore, you will move away 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 I be able to do web development after taking this course?
A. This course was created to delve deeply into the syntax, theoretical knowledge, and advanced applications of the JavaScript language itself. In the final section of the 16 sections, we will learn about the DOM and practice applying it to websites in conjunction with HTML and CSS; however, these parts will focus on core elements and in-depth analysis from a JavaScript perspective. I will create a separate web development course for full-scale frontend development practice if the opportunity arises.
Q. Is knowledge of HTML and CSS necessary or helpful?
A. (Connected to the question above) Since the part involving JavaScript on web pages only appears in the final section, you can take the course without any issues even if you don't know HTML and CSS for the preceding 15 sections. If you have basic knowledge, you will be able to follow Section 16 without much difficulty.
Q. The pace of the lecture is fast; won't it be difficult?
A. Although the videos move at a fast pace, each lesson includes a link to a lecture page so you can easily review the content and practice. By utilizing the examples throughout the pages and the browser console, you'll be able to learn with maximum time efficiency!
Who is Yalco? 😀
YouTube channel Yalp-Coding-Dictionary broadcaster and author of IT books. Leveraging my experience as a full-stack developer, I create content that explains difficult programming concepts using metaphors, simple examples, and sometimes animations to make them easy for beginners to understand.
I am the YouTuber behind the channel Yal-co's Coding Dictionary, as well as an author of IT books. Drawing on my experience as a full-stack developer, I create content that explains difficult programming concepts through metaphors, simple examples, and sometimes animations to make them easy for beginners to understand.
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.
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'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!!
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.