강의

멘토링

커뮤니티

BEST
Programming

/

Programming Language

Properly Selling JavaScript - by Yalco

Kind Course even coding novices can follow! The ultimate course that makes working developers JavaScript experts!

(4.9) 108 reviews

2,734 learners

  • yalco
자바스크립트
javascript
웹개발
JavaScript

Reviews from Early Learners

What you will gain after the course

  • 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)

Learning Materials

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 broadcasts the YouTube channel Yalpakhan 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.

🎬 YouTube Shallow Coding Dictionary Channel (Click!)
📕 Go see Yalko's books (click!)

Recommended for
these people

Who is this course right for?

  • Someone who starts to learn coding

  • A person who wants to start web development

  • A developer who works with React or Vue but lacks depth in JavaScript knowledge

  • Active developer aiming to truly explore JavaScript

  • A person who wants to use JavaScript better

Hello
This is

31,389

Learners

1,692

Reviews

95

Answers

4.9

Rating

17

Courses

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

Curriculum

All

81 lectures ∙ (13hr 3min)

Published: 
Last updated: 

Reviews

All

108 reviews

4.9

108 reviews

  • sangpark님의 프로필 이미지
    sangpark

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    브라우저 콘솔을 활용해서 자바스크립트를 연구, 분석하듯이 배워나가는 과정이 너무나 즐거웠습니다. 그동안 js를 적당히만 알고 리액트랑 노드를 써왔는데 이 강의를 들으면서 아 이게 이런원리였구나 하고 깨달았던게 정말 많았습니다. 얄코님다운 쉬운 설명 덕에 고급 개념들도 수월히 배울 수 있었습니다. Js를 강의 제목처럼 제대로 파고들어 공부해 보고 싶으신 분들께는 정말 재미있는 강의가 될 것 같습니다. 현업에서 js를 쓰시는 분들께 특히 강력 추천합니다.

    • 얄팍한 코딩사전
      Instructor

      ㅠㅠ 열심히 준비한 만큼 보람있게 해 주는 댓글 감사드립니다!! 다음 강의도 더욱 알차게 준비하도록 하겠습니다!!

  • 우주사막님의 프로필 이미지
    우주사막

    Reviews 3

    Average Rating 5.0

    5

    95% enrolled

    여태 강의평 한 번도 남겨본 적이 없는데 이건 정말..ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 대박이네요.. ㅎ.. 비전공자인데 이 강의로 자바스크립트를 시작하게 되어 진심으로 다행입니다. 나중에 다른 언어를 공부할 때에도 도움이 많이 될 것 같네요. 메모리 주소 다뤄주시는 것 보고 감동했습니다. . 예전에 C++ 살짝 공부할 때 메모리 부분에서 힙, 스택 너무 헷갈렸는데 이제야 좀 정리가 되네요. . 너무 재밌습니다 ㅋㅋㅋㅋㅋㅋㅋ 사실 얄팍한 코딩사전 이라는 닉네임 때문에 살짝 걱정하면서도 내용이 가벼워서 빨리 끝낼 수 있겠다는 생각으로 결제 했는데 엄청난 반전이네요.ㅋㅋㅋㅋ 후회없는 선택입니다. 이건 정말 그 분야를 심도있게 이해하고 있는 사람만이 찍을 수 있는 강의라고 생각됩니다. 여태까지 제가 공부한 기본 문법은 너무나도 가벼움 그 자체였다는 걸 깨달았습니다. 다음에 준비하고 계신 강의는 무엇인가요.. 정말 기대되네요..

    • 도움되어드려 정말 기쁩니다 ㅠㅠ 열심히 준비한 보람을 느낍니다!! 다음 강의는 역시 한국에서 널리 사용되는 자바를 준비하고 있습니다. 더더욱 좋은 컨텐츠로 완성하여 선보이겠습니다. 감사합니다!!

  • 전형준님의 프로필 이미지
    전형준

    Reviews 1

    Average Rating 5.0

    5

    70% enrolled

    처음 개강했을 때 며칠보고 회사일 핑계로 못보다가 요즘 다시 보고 있습니다! 기존에는 책으로 어렴풋이 본 내용들이라 제대로 이해가 잘 가지 않았는데, 기본부터 고급 개념들까지 정말 쉽게 잘 설명해주십니다. 어떤 프레임워크를 쓰든 js의 기본이 밑바탕이 되어야 한다라고 생각하는데, 기본을 착실히 다지는데 아주 훌륭한 강의입니다! 완강 후에도 헷갈리면 찾아보면서 반복 수강 해야할 것 같습니다 감사합니다~!

    • 학습에 도움되어드려 기쁩니다!! 수강해주셔서 감사합니다~~

  • jungsik park님의 프로필 이미지
    jungsik park

    Reviews 2

    Average Rating 5.0

    5

    56% enrolled

    9강까지 듣고 중간평 남깁니다. 본 강의는 프로그래밍 입문자를 위한 프로그래밍 언어 강의라기보다는 다른 언어를 적어도 입문단계까지는 마친 사람을 대상으로 하는 강의로 느껴집니다. 천천히 프로그래밍의 맛을 보여준다기보다는, 자바스크립트 언어 자체에 대해서 파고드는 느낌입니다. 강의가 어렵게 느껴지시는 분들은 너무 억지로 외우려고 하지 마시고, 간단한 문제풀이나 작품개발을 하시면서 '코딩 짬'을 채우신 다음에 다시 돌아오셔도 좋을 것으로 보입니다. (물론 무료강의 파트가 이해가 가셨던 분들은 겁먹지 말고 결제하셔도 될 거라 생각합니다) 저는 자바에 대한 경험이 어느정도 있는 상태로 들었기에 이해하기 어렵지 않았고, 자바스크립트는 자바와 어떤 점이 다른지 비교해가면서 배울 수 있었으나 개발 경험이 전혀 없는 상태로 들었다면 이해가 가지 않는 내용이 대부분이었을 듯 합니다. 그리고 강사님이 코드를 보면서 '이것', '저것', '이렇게', '이 함수로 이런 결과가' 와 같은 지시대명사를 많이 사용하시는데, 수강자가 강의 흐름을 완벽하게 따라감과 동시에 강사님의 마우스커서 움직임을 집중하고 있지 않는 이상 '이것'이 무엇을 말하는 것인지를 이해하기가 어렵기 때문에 지시대명사 사용을 일부러 피하는 것이 강의 이해에 더 좋을 것이라 생각합니다. ex) toString 함수를 이렇게 실행했더니 이런 결과가 나왔네요. - X ex) toString 함수 인자로 2를 넣어 실행했더니 0b11이라는 문자열이 나왔네요 - O 수강평이 혹평하는 것처럼 들릴 수 있으나, 저는 굉장히 만족하면서 듣고 있습니다. 예시 코드와 결과값을 빠르게 확인하며 결과를 분석하는 강의 흐름 덕에 늘어지지 않게 짧은 분량에 많은 정보를 담았으며, 입문자가 이해하기 힘든 설명이 있을 순 있으나, 그것이 설명이 불친절하다는 이야기는 아닙니다. 어느정도의 프로그래밍 경험이 있는 사람이 자바스크립트라는 언어가 어떤 언어인지 알고 싶다면, 정가 5만 얼마에 이 정도로 잘 압축되고 잘 준비된 강의를 구매하는 것은 매우 좋은 판단이라 생각됩니다. *발음 이야기가 있던데, 발음이 이상한 건 한 번도 못 느꼈습니다. 얄코님 유튜브와 인프런 강의 모두 잘 보고 있습니다. 사랑해요

    • [2023/11/1 추가 답변입니다.] 말씀주신 내용을 반영하여, 강의를 전반적으로 재편집했습니다. 화면 전환 등이 너무 빠른 부분들에 조금 여유를 주어 체감속도를 낮추었고 영상에서 말하는 부분을 화면에서 찾기 쉽도록 마커들을 추가했습니다. 시간이 매우 오래 걸리는 작업이었던 점 양해 부탁드립니다. 지금 다시 영상들을 보시면 이전보다 훨씬 수강하시기 나을 것입니다. 소중한 피드백 주셔서 강의를 개선하도록 도움주심에 감사드립니다. 좋은 피드백 덕에 강의를 전체적으로 개선하게 되었습니다. 다시금 감사합니다!! - - - - - 상세하고 사려깊은 강의평 정말 감사드립니다!! 덕분에 미처 생각지 못했던 점들을 확인할 수 있었고 어떤 부분들을 더 구체적으로 개선해야 할 지, 입문자분들을 어떻게 더 배려할 수 있을지에 대해 더 많은 생각을 해 볼 수 있게 되었습니다. 말씀주신 부분들을 다음 강의에 최대한 반영하여 더 나은 컨텐츠를 만들어보고자 합니다. 강의가 박정식님께 도움이 되어드려 정말 다행이고 기쁩니다. 수강해주셔서 다시금 감사드립니다!

  • newbiec님의 프로필 이미지
    newbiec

    Reviews 22

    Average Rating 4.8

    5

    100% enrolled

    '백엔드'를 지향하면서 '프론트'는 단순히 기능 구현에만 목맸던 지난날들을 반성하게 되었습니다. 기초부터 심화 내용까지 완강하고 보니 이렇게 재밌는 언어였다는 것을 알게 되었습니다. 다시 한번 돌려보며 반복 학습해야 할 거 같고 (제대로 재밌게 알고 싶어서) 좀 더 이쁜 코드를 만들어야겠다는 생각이 드는! 좋은 강의였습니다. 감사합니다.

Limited time deal ends in 09:01:29

$41,250.00

25%

$42.90

yalco's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!