33,000원
입문자를 위해 준비한
[프론트엔드, 프로그래밍 언어] 강의입니다.
웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내딛어보세요✨
이런 걸
배워요!
쉽고 자세하게 배우는 자바스크립트🤓
나만의 크롬 개발화면까지 뚝딱!
학생 50% 할인 쿠폰 이벤트 🎁
고등학생 또는 대학생 분들을 위해 16,500원에 구매하실 수 있는 50% 할인 쿠폰을 제공해드립니다.
인증 가능한 학교 이메일을 사용해 hbin12212@gmail.com 으로 아래의 양식에 맞게 이메일 보내주세요😊
확인 후 매일 오전 11시에 전송해드립니다. 주말에는 전달이 조금 늦을 수 있습니다.
(오전 11시까지 메일을 받지 못하신 분들은 스팸 메일함을 확인해주세요)
제목 : [인프런] 학생 할인 쿠폰 요청
내용 : 강의 제목 + 학교 이름 (확인용입니다)
누구나 쉽게 이해할 수 있는 친절한 강의 👩🏻🏫
웹 프론트엔드를 위한 자바스크립트 첫 걸음 수강생분들의 실제 수강 후기입니다.
👩🏻💻 시각자료가 깔끔하고 강사님의 전달력이 좋습니다. 핵심을 명료하게 설명해주셔서 복습하는 용도로도 들었는데 좋았습니다! 강의 자료도 제공해주셔서 학습한 내용 정리하는데 도움이 되었습니다! 좋은 강의 감사합니다.
🧑💻 자바스크립트 입문 혹은 기본이 부족한 분들이 듣기에 부족함이 없다고 생각합니다. 개념의 이해를 돕기 위해 나오는 시각자료들이 풍부합니다. 학습후에 어떤것을 공부했는지 또렷히 기억나고, 향후 자바스크립트를 이용해 더 심화적인 공부를 하는데 있어서 부족함 없는 자료들로 구성되어 있습니다. 그리고 특히 좋았던 부분은 강의를 상세하게 다시 되짚어 볼 수 있는 강의 대본 웹페이지가 따로 있었습니다. 잠깐의 시간동안 배운내용을 빠르게 복습할 수 있는 좋은 구성이였습니다.
👩🏼💻 3일만에 완강했습니다! 개인적으로 커리큘럼이 자바스크립트 강의들 중 가장 마음에 들었고, 자바스크립트를 처음 배우지만 강의 대본이 적혀있는 학습자료와 풍부한 시각자료 덕분에 이해가 더 쉬웠습니다. 최종 프로젝트도 쉽고 재미있게 따라했던 것 같습니다. 좋은 강의 감사합니다.
🧑🏻💻 혼자 공부하면서 잘 이해되지 않던 내용들이 강의 들으면서 쏙쏙 이해되고 있어요. 특히 어려울 수 있는 자바스크립트의 용어와 개념들을 예시 코드와 함께 쉽게 설명해주셔서 너무 좋아요. react, vue.js 등을 배우기 전 필수로 들어야 한다 생각! 자바스크립트 심화 과정도 강의 있으면 좋겠어요
개념부터 프로젝트까지 한번에 🎅🏻
단순히 언어와 문법만 학습하는 강의는 그만!
자바스크립트의 기초, 심화 문법과 함께 자바스크립트를 배워야하는 이유, 자바스크립트의 동작 원리,
자바스크립트로 웹 프로그래밍을 하는 방법에 대해 단계별로 차근차근 학습해보고,
배운 내용들을 적용해 실제로 사용할 수 있는 실전 프로젝트를 개발해보면서 자바스크립트를 효과적으로 학습해보세요.
.gif "2023-05-28 15-45-47 (online-video-cutter.com).gif")
웹 프론트엔드를 위한 자바스크립트 첫 걸음 강의는
- 자바스크립트를, 혹은 프로그래밍을 처음 접하시는 분들도 쉽게 이해 할 수 있습니다.
- 수강생분들의 이해를 도울 강의 자료와 핸드북이 제공됩니다.
- 나만의 크롬 익스텐션을 함께 개발해보면서 배운 내용들을 바로 적용해볼 수 있습니다.
- 오픈 채팅방에서 수강생분들간의 지식 및 정보 공유, 고민상담, 질의응답을 통해 더욱 더 성장할 수 있습니다. (오픈 채팅방은 새소식을 참고해주세요.)
우리는 왜 자바스크립트를 배워야할까요?🧑💻
자바스크립트(JavaScript)는 세계적으로 인기 있는 언어로, 실제 많은 기업들에서 사용되고 있는 프로그래밍 언어입니다. 현재 웹 프론트엔드에서 가장 많이 쓰이는 React, Vue, Next 등의 라이브러리 및 프레임워크들도 모두 자바스크립트 기반으로, 자바스크립트를 배워야 유연하게 사용할 수 있습니다.
웹 프론트엔드를 위한 자바스크립트 첫 걸음 강의는
- ✅ 자바스크립트의 기초부터 심화 문법들을 쉽게 이해할 수 있습니다.
- ✅ 쉬운 이해를 위해 강의자료와 핸드북이 제공됩니다.
- ✅ 색다른 프로젝트를 통해 배운 내용을 복습합니다.
- ✅ 다양한 기술들을 습득할 수 있는 프론트엔드 개발자로 성장할 수 있습니다.
앗, 혹시 내 얘기 아닌가요?
😵
웹 프론트엔드 개발자가 되고 싶은데 뭐부터 배워야 하나요?
👉 인기 있고, 여러 기술들의 발판이 되는 자바스크립트를 배워보시는 걸 추천합니다.
😢
입문자도 쉽게 이해할 수 있는 강의를 찾고 있어요.
👉 개발 입문자, 비전공자까지 들을 수 있도록 친절하고 자세하게 설명해드려요.
🧐
필수적인 개념 위주로, 기초부터 실전까지 배우고 싶어요.
👉 꼭 알아야 하는 핵심 위주로, 자바스크립트 기본 개념부터 실무에서 자주 쓰이는 개념까지 다루는 강의입니다.
😎
흔한 프로젝트 말고 독특한 프로젝트를 개발해보고 싶어요.
👉 투두리스트처럼 흔한 프로젝트 대신, "나만의 크롬 개발화면"을 개발하고 직접 사용까지 할 수 있습니다!
그래서, 강의를 마친 다음에는 이런 모습이 될 수 있어요.
💡 웹 프론트엔드 개발자로 성장할 수 있습니다.
💡 자바스크립트 기본 개념에 대해 완벽히 이해하고, 쓸 수 있습니다.
💡 최종 프로젝트에서 더 나아가 다른 기능의 웹 페이지도 스스로 개발할 수 있습니다.
💡 자바스크립트 심화 개념들을 스스로 학습해 볼 수 있습니다.
💡 자바스크립트 기반의 다양한 라이브러리와 프레임워크를 학습할 수 있습니다.
강의에서 배울 내용을
확인해보세요.
Section 1. 자바스크립트는 왜 배워야 할까?
자바스크립트는 무슨 언어일까요? 왜 인기가 있고, 여러 기업에서 사용하는 걸까요?
자바스크립트를 배워야 하는 이유에 대해 알려드립니다.
Section 2. 자바스크립트 시작하기
우선 자바스크립트가 어디에서 어떻게 동작하는지에 대해 알아봅니다.
그 다음 누구나 쉽게 사용할 수 있는 온라인 에디터에서 여러 가지 예제 코드들을 하나씩 살펴보면서 자바스크립트의 기본 개념에 대해 자세하게 배울 예정입니다.
Section 3. 자바스크립트 응용하기
앞 섹션에서 배운 내용보다 조금 더 어려운 심화 개념들을 다양한 시각 자료와 함께 배웁니다. 꼭 필요한 개념들만 쏙쏙 뽑아 익힌 다음, 자바스크립트에서 중요한 개념인 비동기 처리까지 자세하게 배울 수 있습니다.
Section 4. DOM과 DOM API
웹 페이지를 조작하는 DOM이라는 객체에 대해 자세하게 배웁니다. 라이브 코딩을 통해 함께 자바스크립트의 여러 가지 DOM API들을 하나씩 사용해볼 수 있습니다. 자주 쓰이는 DOM API 위주로 사용해보며, 다양한 방식으로 웹 페이지를 조작해 봅니다.
Section 5. 프로젝트 준비하기
"나만의 크롬 시작화면"을 만들 때 필요한 추가적인 개념들을 미리 자세하게 배워보는 시간을 갖습니다. 필요한 개념들을 미리 자세하게 배워놓고 넘어가기 때문에, 다음 섹션에서 크게 어렵지 않게 프로젝트를 개발할 수 있습니다.
Section 6. 프로젝트: 나만의 크롬 시작화면
섹션 1부터 5까지 배운 내용들을 전부 활용해 "나만의 크롬 시작화면"을 개발합니다.
이미 배웠던 내용이더라도 하나씩 다시 살펴보면서 천천히 개발하기 때문에, 프로젝트를 개발함과 동시에 배운 내용을 복습까지 할 수 있습니다. 마지막에는 개발한 프로젝트를 실제로 사용할 수 있도록 함께 설정까지 해 볼 예정입니다.
Bonus. 꼭 알아야 하는 CSS
자바스크립트에 대해 배우는 강의이지만, 섹션 6에서 프로젝트 개발을 위해 사용되는 CSS 중 가장 많이 사용되고 알아두면 좋은 두 가지 속성에 대해 배울 수 있습니다.
이미 CSS를 잘 다룰 수 있다면, 해당 섹션은 듣지 않아도 괜찮습니다.
이 강의를 만든 사람
효빈 Hyobin
- 전) 스타트업 22Hours FrontEnd Lead
- 대한민국 개발자들을 위한 지식 공유 커뮤니티 DEVSTU 개발 및 운영
- 자바스크립트 입문 서적 작가 (예정)
Q&A 💬
Q. 프로그래밍을 처음 접하는데, 수강해도 괜찮을까요?
네. 본 강의는 프로그래밍을 처음 접하는 분들도 들을 수 있을 만큼 자바스크립트의 여러 개념들을 자세하고 친절하게 설명하는 강의이므로 어렵지 않게 수강하실 수 있습니다. 강의에서 사용되는 PPT와 대본까지 모두 무료로 제공하기 때문에, 학습자료와 함께 강의를 수강하시면 강의 내용을 이해하는데 훨씬 도움이 되실 겁니다.
Q. HTML과 CSS 지식을 몰라도 괜찮을까요?
HTML과 CSS는 섹션 5~6에서만 필요한 지식입니다. HTML 코드와 CSS 코드를 별도로 제공하기 때문에, HTML과 CSS를 모르더라도 문제 없이 자바스크립트를 학습하실 수 있습니다.
추가적으로 HTML의 경우 코드를 한 줄 한 줄 작성할 때마다 해당 코드가 어떠한 기능을 하는지 간략하게 설명하고 넘어가기 때문에 큰 어려움 없이 따라오실 수 있고, CSS는 개념 설명이 필요한 속성들은 [부록] 섹션에서 별도로 자세하게 다룹니다. 때문에 필요하신 분들은 해당 섹션을 먼저 수강한 다음 강의를 수강하시면 어려움 없이 따라오실 수 있습니다.
Q. 강의를 끝까지 수강한 다음에는 뭘 공부해야 할까요?
웹 프론트엔드 개발자가 되기 위해 강의를 들으셨다면 우선 최종 프로젝트인 "나만의 크롬 시작화면"을 스스로 만들어보시는 것을 추천드립니다. 추후에는 자바스크립트를 조금 더 깊게, 어려운 개념들까지 공부해 보거나 React.js 혹은 Vue.js, Next.js 등 자바스크립트 기반의 라이브러리나 프레임워크들을 학습해보셔도 좋습니다.
💾 수강 전 확인해주세요!
- 강의에서 사용된 PPT는 해당 수업에서 다운로드받을 수 있습니다.
- 강의에 사용된 대본은 섹션 0 [학습자료 강의 대본 웹페이지]에서 확인할 수 있습니다.
- 섹션 0 [강의 듣는 방법] 수업을 꼭 들어주세요.
- 질문에 대한 답변은 최대한 빠르게 답변해드릴 예정입니다.
- 학습자료와 함께 수강하시면 내용을 훨씬 수월하게 이해하실 수 있습니다.
이런 분들께 추천드려요!
학습 대상은
누구일까요?
선수 지식,
필요할까요?
효빈 Hyobin 입니다.
안녕하세요 효빈 Hyobin 입니다😊
프론트엔드를 희망하는분들을 위해 쉽고 친절한 강의를 제공합니다.
자바스크립트 입문 서적 작가 (예정)
현) IT 교육자
전) 스타트업 22Hours FrontEnd Lead
전) 대한민국 개발자들을 위한 지식 공유 커뮤니티 DEVSTU 개발 및 운영
