
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
효빈 Hyobin
기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥
초급
JavaScript, SPA, DOM
If you aspire to be a web frontend developer? Take your first step with fun JavaScript courses✨
Reasons to Learn JavaScript
Basic concepts of web development
Frequently used JavaScript syntax in practice
Developing a project that can actually be used
A stepping stone for learning Typescript, React.js, and Next.js.
JavaScript first steps from
basic concepts to web page creation🚀
The 'JavaScript First Steps for Web Frontend' course has received so much love from students that
it has been published as a book titled 'JavaScript First Steps' 🙇🏻♀️
Since the book contains the course content, it would be great to read it as a reference when taking the course :)
Thank you to all the students, and we ask for your continued interest.
JavaScript is a globally popular language and a programming language actually used by many companies. The most widely used libraries and frameworks in web frontend development today, such as React, Vue, and Next, are all based on JavaScript, so you need to learn JavaScript to use them flexibly.
From basics to advanced grammar
Easy learning
Providing all lecture materials used in the course
Develop unique projects from scratch
Those who want to thoroughly learn JavaScript, the foundation of frontend development,
from basic to advanced concepts
We explain things kindly and in detail so that even development beginners
and non-majors can follow along. (We also provide lecture script web pages.)
Unlike common projects like Todo Lists,
you can directly develop and even use your own "custom Chrome start page."
Stop taking courses that only teach language and grammar!
Learn step by step about JavaScript fundamentals, advanced grammar, why you need to learn JavaScript, how JavaScript works,
and how to do web programming with JavaScript systematically and thoroughly, then effectively master JavaScript by developing real-world projects that you can actually use by applying what you've learned.
The JavaScript First Steps for Web Frontend course is...
These are actual reviews from students who have taken "JavaScript First Steps for Web Frontend."
🧑🎓
The visual materials are clean and the instructor's delivery is excellent. You explained the key points clearly, so it was great to listen to for review purposes as well! The lecture materials you provided were also helpful for organizing what I learned! Thank you for the great lecture
👩🏻💻
Clean PPT, examples that make everything click, I think this is the best lecture that teaches necessary functions without any fluff!! The most disappointing thing is that Hyobin only has one lecture. Please make other lectures too :)
🙆♂️
The lecture content goes right into my head. Honestly, other lectures are often boring and I have trouble concentrating, so there were times when I would just zone out while watching, but with this lecture, I keep focusing and following along. Even though I have no background knowledge about the technology, the fact that I find myself concentrating and watching the lecture with interest shows that the instructor's delivery skills are incredible. Thank you for creating such a great lecture.
🕵️♀️
Content that I couldn't understand well while studying alone is now being understood clearly as I listen to the lectures. I especially love how you explain JavaScript terminology and concepts that can be difficult, easily with example code. I think this is a must-take course before learning React, Vue.js, etc.! I hope there will be an advanced JavaScript course as well😍
Section 1. Why Should You Learn JavaScript?
What kind of language is JavaScript? Why is it popular and used by many companies?
Reasons why you should learn JavaScript - we'll tell you about it.
Section 2. Getting Started with JavaScript
First, we'll learn about where and how JavaScript operates.
Then, we'll examine various example codes one by one in an easy-to-use online editor that anyone can access, and learn in detail about the fundamental concepts of JavaScript.
Section 3. Applying JavaScript
You'll learn advanced concepts that are a bit more challenging than what you learned in the previous section, along with various visual materials. After mastering only the essential concepts, you can learn in detail about asynchronous processing, which is an important concept in JavaScript.
Section 4. DOM과 DOM API
You will learn in detail about the DOM object that manipulates web pages. Through live coding, you can try using various JavaScript DOM APIs one by one together. You'll primarily use frequently used DOM APIs and manipulate web pages in various ways.
Section 5. Preparing the Project
We'll take time to learn additional concepts needed in detail beforehand when creating "My Own Chrome Start Page." Since we'll learn the necessary concepts in detail beforehand, you'll be able to develop the project without much difficulty in the next section.
Section 6. Project: My Own Chrome Start Page
We will develop "My Own Chrome Start Page" by utilizing all the content learned from sections 1 through 5.
Even if it's content we've already learned, we'll go through it step by step slowly, so you can review what you've learned while developing the project at the same time. At the end, we'll even set it up together so you can actually use the developed project.
Bonus. Essential CSS You Must Know
This is a lecture about learning JavaScript, but in Section 6, you can learn about the two most commonly used CSS properties that are good to know for project development.
If you can already handle CSS well, it's okay to skip that section.
Q. I'm new to programming - is it okay for me to take this course?
Yes. This course explains various JavaScript concepts in detail and kindly enough for even those who are new to programming, so you can take it without difficulty. Since both the PPT and scripts used in the course are provided for free, taking the course along with the learning materials will be much more helpful in understanding the course content.
Q. Is it okay if I don't know HTML and CSS?
HTML and CSS are knowledge needed only in sections 5-6. HTML code and CSS code are provided separately, so you can learn JavaScript without any problems even if you don't know HTML and CSS.
Additionally, for HTML, we provide a brief explanation of what each line of code does as we write it, so you can follow along without much difficulty, and for CSS, properties that require conceptual explanation are covered separately and in detail in the [Appendix] section. Therefore, if you need it, you can take that section first and then take the main lecture to follow along without difficulty.
Q. What should I study after completing the entire course?
If you've taken courses to become a web frontend developer, I recommend first trying to create the final project "My Own Chrome Start Page" on your own. Later, you can study JavaScript more deeply, including difficult concepts, or learn JavaScript-based libraries and frameworks such as React.js, Vue.js, or Next.js.
💾 Please check before taking the course!
Who is this course right for?
For those who are new to programming
For those who want to complete unique projects
To those aspiring to be front-end developers
For those who want to learn JavaScript quickly and thoroughly.
For those looking for a JavaScript course with friendly explanations
For those who want to take the course along with the course materials.
For those who lack a foundation in JavaScript
Need to know before starting?
CSS (Concepts only needed in Section 6)
HTML (Concept needed only in Section 6)
9,760
Learners
198
Reviews
108
Answers
4.9
Rating
2
Courses
안녕하세요 김효빈 입니다 😊
프론트엔드를 희망하는 분들을 위해 쉽고 친절한 강의를 제공합니다.
(현) 프론트엔드 교육자
(전) 스타트업 프론트엔드 리드 개발자
웹 페이지
온라인 강의
도서
외부활동
udemy, codeit, 한양여자대학교 등 특강 진행
All
42 lectures ∙ (6hr 47min)
Course Materials:
All
84 reviews
4.9
84 reviews
Reviews 2
∙
Average Rating 5.0
5
입문자를 위한 자바스크립트 강의 중 가장 친절하고 자세한 강의가 아닐까 생각합니다. 세세한 개념도 정확히 짚고 넘어가주시고, 게다가 모든 코드를 자세히 설명해 주셔서 별도의 구글링 없이 수강할 수 있는 좋은 강의라고 생각됩니다. 1. 시각자료가 매우 직관적이고 이쁩니다. 2. 정확한 딕션으로 졸리지 않고 듣기 너무 좋습니다! 3. 보통 문법만 배우고 끝나는 강의가 많은데 배운 내용을 응용해 실용적인 프로젝트를 만드는 과정이 매우 인상적 입니다.
정환님 감사합니다😀
Reviews 1
∙
Average Rating 5.0
5
혼자 공부하면서 잘 이해되지 않던 내용들이 강의 들으면서 쏙쏙 이해되고 있어요. 특히 어려울 수 있는 자바스크립트의 용어와 개념을 예시 코드와 함께 쉽게 설명해주셔서 너무 좋아요. react, vue.js 등을 배우기 전 필수로 들어야 한다 생각! 자바스크립트 심화 과정도 강의 있으면 좋겠어요😍
말씀해주신 것처럼 react, vue와 같은 라이브러리나 프레임워크들을 학습하기 전에 자바스크립트에 대한 이해는 필수입니다!! 강의 내용들이 쉽게 이해가 되셨다니 다행입니다. 자바스크립트 심화 과정 강의도 고려해보겠습니다😊 감사합니다.
Reviews 1
∙
Average Rating 5.0
5
JS 및 프론트를 배워보고 싶어 해당 강의를 수강했습니다. 해당 강의는 비전공자도 내용을 충분히 이해할 수 있도록 문법 등을 자세하게 설명해주네요. 또, 실무를 바탕으로 어드바이스할 점이나 실제 프로젝트 단위 구현 등등까지 커리큘럼에 포함되어 있어 개인적으로 매우 만족했습니다. 저와 같이 웹 프론트 개발이 미숙한 입문자나 관심있는 분들께서는 분명히 역량이 한단계 성장한 것을 느낄 수 있는 강의라고 생각됩니다.
wlsdyd620님, 제 강의를 통해 한 단계 성장하셨다니 강의를 제작한 보람이 있는 것 같습니다😃 열심히 들어주셔서 감사합니다!!
Reviews 63
∙
Average Rating 4.7
5
강의 내용이 머릿속에 쏙쏙 들어갑니다. 다른 강의는 솔직히 지루하기도 하고 집중이 안되는 경우가 많아 보면서도 멍때리는 경우가 있었는데, 이 강의는 계속 집중해서 보고 따라하게 되네요. 해당 기술에 대한 배경지식이 없는데도 재미있게 강의를 집중해서 보게 되는걸 봐선 선생님의 전달력이 엄청 난 거 같습니다. 좋은 강의 만들어 주셔서 감사합니다.
강의가 지루하지 않고 잘 전달이 되었다니 정말 다행입니다😄 열심히 수강해주셔서 감사합니다!!
Limited time deal
$24,750.00
25%
$26.40
Check out other courses by the instructor!
Explore other courses in the same field!