Thumbnail
BEST
개발 · 프로그래밍 웹 개발

자바스크립트 : 기초부터 실전까지 올인원 대시보드

(4.8)
52개의 수강평 ∙  605명의 수강생
81,400원

월 16,280원

5개월 할부 시
지식공유자: 코딩알려주는누나
총 57개 수업 (10시간 43분)
수강기한: 
12개월
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

자바스크립트 기초강의, 응용강의, 포트폴리오 전용강의 따로따로 찾아 볼게 아니라, 강의하나로 자바스크립트 기초부터 현업이 쓰는 다양한 응용 기술, 포트폴리오 까지 다 끝내고 싶으신 분들을 위한 강의입니다.

✍️
이런 걸
배워요!
자바스크립트
에러핸들링
코드리펙토링
ES6
API
포트폴리오 프로젝트

비전공자도 이해가 쏙쏙 되는
유쾌한 자바스크립트 😄

강의 주제 📖

 

웹개발을 처음 접하는 비전공자를 대상으로 한 강의입니다.

자바스크립트 완전 기초부터 문법부터 최신기술, 포트폴리오까지 한번에 끝내는 올인원 강의!
기초 강의, 고급 기술 강의, 포트폴리오 강의 따로따로 찾아보지 마시고 100명이 넘는 비전공자 학생들을 취업시킨 커리큘럼으로 한번에 끝내볼까요?

강의를 통해 얻는 것들 🚀

  • ✔️ 자바스크립트 뿐만 아니라 다른 언어에서도 쓰이는 기본 프로그래밍 개념 이해
  • ✔️ API 호출, 검색, 에러 핸들링 등 최신 자바스크립트 기술이 담긴 ALl in one 프로젝트 득템
  • ✔️ 세 개의 포트폴리오 적립

이런 분들께 추천합니다 🔑

지루함 알러지

아무것도 모르는 나도 알아들을 수 있는 강의를 찾는 분

하나로 끝낼래

강의 하나로 기초, 응용, 포트폴리오까지 끝내고 싶은 분

비전공자

비전공자 학생을 가르친 경험이 있는 선생님을 원하는 분


강의 구성📚

  1. 자바스크립트의 기본 문법과 연습 문제들
  2.  프로젝트 세팅 + 깃허브로 포트폴리오 올리기
  3. 자바스크립트 기본 문법을 이용한 숫자 맞추기 게임 포트폴리오
  4. 아이템 생성 삭제, 필터링 개념이 들어있는 할일 메모앱 프로젝트
  5. 최신 자바스크립트 기술: ES6와 어레이 함수
  6. 프론트엔드의 꽃 API 통신
  7. API통신, 검색 기능, 에러핸들링이 담긴 올인원 프로젝트와 타임즈 뉴스 웹사이트 프로젝트 만들기
  8. 깨끗한 코드를 위한 코드 리펙토링
  9. 에러 핸들링
  10. 코딩 알려주는 누나의 유머와 사랑😍

예상 질문 Q&A 💬

Q. 강의를 보다가 질문이 생겼습니다! 

누나가 운영하는 슬랙 채널 에서 언제든 편하게 와서 질문하시면 됩니다! 

Q. 1:1 개인 코칭 비용도 강의에 포함되어있나요?

해당 수강료에는 개인 코칭의 가격이 포함되어있지 않습니다. 😣 하지만 수강 중 질문이 있으시다면 언제든지 슬랙 커뮤니티를 이용해주세요! 여러분의 동료분들 또는 이 누나가 답변을 달아드립니다!👨🏿‍🤝‍👨🏿

Q. 강의 전 준비할 사항이 있나요?

HTML/CSS의 기초를 미리 알고 들으시면 이해하시는데 더 좋습니다! 

Q. 코딩의 코 자도 모릅니다.. 이거부터 들으면 될까요?

자바스크립트는 웹개발에 가장 기초적인 언어입니다 여기부터 아무것도 모르는 비전공자 분들은 여기부터 들으시면 됩니다! 


코딩 알려주는 누나 ✒️

  • 🚀 해외에서 부트캠프 강사로 2년간 근무하면서 100명이 넘는 문과 학생들을 가르쳐본 경험을 토대로 연구해서 나온  최고의 티칭 방법으로 여러분들을 가르칩니다.
  • 🧐 웹 개발자로 4년간 근무했으며 단국대학교 컴퓨터 공학과 수석 졸업을 했습니다.
  • ✨ 현재 '코딩알려주는 누나' 유튜브 채널을 운영하고 있으며 코딩을 배우고 싶은 여러분들을 위한 무료 클래스와 정보들을 나누고 있습니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
아무것도 모르는 비전공자분들
코딩을 처음 배우시는 입문자분들
지루한 코딩강의 싫으신 분들
강의하나로 다 끝내고 싶은 분들
📚
선수 지식,
필요할까요?
HTML/CSS

안녕하세요
코딩알려주는누나 입니다.
코딩알려주는누나의 썸네일
커리큘럼 총 57 개 ˙ 10시간 43분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 이 강의를 듣고나면
섹션 1. 자바스크립트의 기본문법
변수란? 10:56
자료형과 연산자 08:20
변수와 자료형 문제
보너스트랙: 호이스팅, let과 var의 차이 미리보기 12:32
배열 16:11
배열 문제
객체 11:19
if문 17:34
If문 문제
보너스 트랙: switch문과 삼항연산자 08:31
반복문 20:07
반복문 문제
보너스 트랙: 369문제 풀이해석 10:34
보너스 트랙: for...of , for..in 12:15
함수 21:26
함수 문제
보너스트랙: 함수문제4번 풀이 11:50
보너스트랙:함수5번문제풀이 06:50
보너스트랙:함수6번문제 풀이 09:56
섹션 3. 나의 첫번째 프로젝트 : 숫자맞추기 게임 만들기
숫자맞추기 게임 소개 06:41
숫자맞추기 게임 2탄:HTML과 자바스크립트가 소통하는 법 19:03
숫자맞추기 게임 3탄: 리셋과 다양한 기능들 11:01
숫자맞추기 게임 마지막: 유저의 원활한 플레이를 위한 다양한 기능 11:33
섹션 4. 나의 두번째 프로젝트 : 할일앱 만들기
할일앱 소개 : 모든것의 집합체 19:12
아이템 추가하기 11:40
객체의 활용 28:37
아이템 삭제하기 06:14
아이템 필터링하기 30:12
섹션 5. 최신 자바스크립트 기술
ES6 자바스크립트 최신 문법 24:54
ES6 문제
배열 함수 미리보기 15:17
배열함수 문제
섹션 6. 나의 세번째 프로젝트: api통신, 뉴스타임즈 만들기
API란? : 인터넷과 소통하기 03:55
API 문서를 읽는법 24:36
API 호출하는 도구 : Postman 10:19
자바스크립트에서 API를 불러보자 10:47
자바스크립트의 동작 원리 : api를 이해하기위한 필수 개념 30:39
자바스크립트에서 API호출하기 : async, await, fetch 이 세개만 기억해 07:23
타임즈 뉴스 웹페이지를 꾸며보자 17:43
뉴스를 그려주자 : render 15:41
카테고리별 검색 16:00
키워드별 검색 09:05
코드 리펙토링 : 더 나은 코드를 위해 06:29
에러는 어떻게 처리할까? : try-catch 09:36
에러핸들링: 안보이지만 중요한것 12:07
페이지네이션이란 13:07
페이지네이션을 직접 만들어보자 11:53
페이지네이션을 직접 만들어 보자 2탄 15:58
뉴스타임즈 마무리 07:47
섹션 7. 나의 네번째 프로젝트
당신이 만들어갈 네번째 프로젝트
섹션 8. 당신의 다음 스텝
여기까지 온 수강생 분들께 04:34
강의 게시일 : 2022년 01월 07일 (마지막 업데이트일 : 2024년 02월 09일)
수강평 총 52개
수강생분들이 직접 작성하신 수강평입니다.
4.8
52개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
dev.K thumbnail
5
입사 3개월 차 초급 개발자 입니다. 강의 잘 듣고 있습니다. 중급 고급까지 열심히 달리겠습니다.
2022-01-12
제이쿼리어 thumbnail
5
딱딱한 분위기의 코딩강의를 재미로 살리고 강의도 알차요
2022-11-07
김국진 thumbnail
5
일하고 퇴근한 뒤에 피곤하지만 조금씩 한번 해보자 싶어서 처음 걸어보는 길을 걸었는데 퀄리티는 부족하지만 일단 완성을 했다는 것만으로도 정말 뿌듯합니다. 4번째 프로젝트 제작 후 수료증까지 받았는데 누군가에겐 별거 아닐지 몰라도 저에겐 정말 보람차네요. 단순히 답장만 해주고 끝내는 것이 아니라 제가 만든 프로젝트 분석, 참고하면 좋은 사이트 추천, 한단계 더 나아갈 수 있는 방향성 제시까지 같이 해주셔서 정말 좋았습니다. 유투브도 좋은 컨텐츠 많던데 구독하면 좋을 것 같네요. 그리고 강의는 A부터 Z까지 자주 쓰지 않는 모든 기능들까지 전부 세세하게 가르쳐준다기보단 필수 개념과 자주 쓰이는 기능, 검색 능력 등 필요한 것들을 딱딱 가르쳐줘서 흥미를 가지기 좋습니다. 딱딱하게 했으면 이만큼 흥미를 붙이지 못했을 것 같네요. 저와 같이 비전공자이거나 기반 지식이 아무것도 없으신 분들도 들으면 좋을 것 같습니다.
2022-03-11
ok 12 thumbnail
4
쉽게 알려주셔서 좋은데 난이도가 처음하시는 분들에게는 너무너무너무 어려운것 같아요
2022-09-12
서씨에용 thumbnail
5
함수를 이렇게 쉽게 알려주시는 강사님 처음 봤습니다. 저는 2년차 퍼블리셔 인데 스크립트 기본기 더 다듬으려고 수강신청했어요 ㅎㅎ 이런 강의를 처음부터 들었다면 오랜 시간 방황하지 않았을텐데 입문자 분들에게 적극 추천합니다.
2022-03-17