입문
초급
중급
고급

강좌 미리보기

IT·프로그래밍 ㅣ 생활코딩

생활코딩 - WEB2 (JavaScript)

총 38개의 강의 (4시간44분)

수강기간 30일

630명의 사람들이 관심을 보이고 있어요

코딩강의

IT·프로그래밍 ㅣ 생활코딩

생활코딩 - WEB2 (JavaScript)

총 38개의 강의 (4시간44분)

수강기간 30일

630명의 사람들이 관심을 보이고 있어요

무료

강좌소개

우리가 배울 내용이에요!

“ 웹페이지로 사용자와 상호작용 하는 방법! ”
게임이나 애플리케이션처럼 웹페이지를 동적으로 만들 수 있는 방법을 알려드립니다.

생활코딩의 Web2 -JavaScript 수업소개

이 수업은 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다.

Web2시리즈 중 하나로 생활코딩 자바스크립트 강의 입니다 .

사람들은 웹이 동적으로 사용자와 상호작용할 수 있기를 원했습니다.
그래서 태어난 게 바로 자바스크립트 입니다.

html이 정보라고 하는 멈춰있는 이미지를 그리는 것이라면

자바스크립트는 정보라는 이미지를 마치 영화처럼 움직이게 합니다. 이것은 마법이에요.

여러분은 이제 자바스크립트를 자유자재로 휘두르는 마법사가 될 겁니다.

준비됐나요?
출발합시다.

수업 대상

이 수업은 웹 페이지를 사용자와 상호작용하게 만들고 싶은 분들을 위해서 만들어졌습니다.
게임이나 애플리케이션처럼 웹페이지를 동적으로 만들 수 있는 방법이 수업 안에 들어있습니다.

html만으로 만들어진 아래의 웹페이지에 https://web-n.github.io/web1_html_internet/ 아래와 같이
javascript를 이용해서 주간/야간 모드 기능을 추가하면서 각종 문법을 익혀갑니다.

선행 학습

HTML이 무엇인지 전혀 모르신다면 이 수업을 보시면 안됩니다.
이 수업은 HTML을 알고 계신 분들을 대상으로 하고 있기 때문입니다.

HTML을 모르신다면 아래 WEB1 수업을 먼저 보시고 다시 이 수업에 참여하시면 됩니다.
▶ WEB1 - HTML & Internet 수업 바로가기

수업 내용

- Run JavaScript

Event handler
script tag
console

- DataType

String
Number
Variable
Boolean
Array
Function
Object

- Operator

Arithmetic operation
Assignment operators
Comparison operator

- Statement

Conditional statement
Loop statement
Loop & Array
Function
Loop & Object
Property & Method

Refactoring
Include File
Library &Framework

- Web Browser

Select element (12)
Attribute (12)

- CSS

Style attribute (9)
Style tag (10)
selector (11)

이런 분들께 추천해요!

HTML 숙련자
주니어 개발자
개발자 취업 준비생

커리큘럼 총 38강

Part 1. 무엇을 배우나요?

2강

11:44

01. 수업 소개

FREE

03:19

02. 수업의 목적

08:25

Part 2. HTML과 JS

3강

21:00

03. HTML과 JS의 만남 : script 태그

03:47

04. HTML과 JS의 만남 : 이벤트

08:43

05. HTML과 JS의 만남 : 콘솔

08:30

Part 3. 데이터 타입, 변수, 웹브라우저 제어

3강

22:31

06. 데이터 타입 - 문자열과 숫자

11:00

07. 변수와 대입 연산자

07:56

08. 웹브라우저 제어

03:35

Part 4. CSS 기초

4강

30:57

09. Style 속성을 이용해서 CSS 사용하기

05:03

10. Style 태그를 이용해서 CSS 사용하기

07:25

11. CSS 선택자

07:43

12. 제어할 태그 선택하기

10:46

Part 5. 프로그램, 프로그래밍, 프로그래머

1강

05:44

13. 프로그램, 프로그래밍, 프로그래머

05:44

Part 6. 조건문

5강

31:13

14. 조건문 예고

03:40

15. 비교 연산자와 블리언 생활코딩

08:34

16. 조건문

05:15

17. 조건문의 활용

07:13

18. 리팩토링 중복의 제거

06:31

Part 7. 반복문과 배열

5강

42:23

19. 반복문 예고

03:34

20. 배열

11:15

21. 반복문

08:08

22. 배열과 반복문

09:53

23. 배열과 반복문의 활용

09:33

Part 8. 함수

5강

31:52

24. 함수예고

07:55

25. 함수의 기본

04:53

26. 매개변수와 인자

07:08

27. 함수(리턴)

07:20

28. 함수의 활용

04:36

Part 9. 객체

5강

36:39

29. 객체 예고

13:06

30. 객체 쓰기와 읽기

07:25

31. 객체와 반복문

05:32

32. 객체프로퍼티와 메소드

05:27

33. 객체의 활용

05:09

Part 10. 정리

5강

50:37

34. 파일로 쪼개서 정리 정돈하기

08:11

35. 라이브러리와 프레임워크

12:12

36. UI vs API

05:08

37. 수업을 마치며

04:35

38. Long Take

20:31

커리큘럼 전체보기

수강후기

여러분의 리얼한 후기를 남겨주세요.

수강후기는 예비 수강생과 강사님께 큰 도움이 됩니다.

방문자 님이런 강좌는 어때요?

무료

수강신청

카테고리

자격증

메타버스

IT·프로그래밍

디자인·영상

업무스킬

무료강좌

국비지원과정

제페토 3D 아이템 모델링

3D 아이템 제작 가이드

학원

강남 IT전문관

강남 ART 전문관

강남 국비전문관

종로

신촌

구로

인천

부산

취업코스

취업 관리 솔루션

채용 공고

커뮤니티

이벤트

메카뎀매거진

메카뎀잡서치

메카뎀 소식

메가레터

메카뎀블로그

인스타그램

페이스북

유튜브

브랜드 소개

교육에 진심인 사람들

올해의 우수 브랜드

오프라인 학원소개

알림창

알림을 전체 삭제하시겠습니까?

읽지 않은 항목만 표시

생활코딩 - WEB2 (JavaScript)

생활코딩 - WEB2 (JavaScript)

무료

강좌소개

우리가 배울 내용이에요!

생활코딩의 Web2 -JavaScript 수업소개

수업 대상

선행 학습

수업 내용

이런 분들께 추천해요!

HTML 숙련자

주니어 개발자

개발자 취업 준비생

커리큘럼 총 38강

Part 1. 무엇을 배우나요?

2강

11:44

01. 수업 소개

03:19

02. 수업의 목적

08:25

Part 2. HTML과 JS

3강

21:00

03. HTML과 JS의 만남 : script 태그

03:47

04. HTML과 JS의 만남 : 이벤트

08:43

05. HTML과 JS의 만남 : 콘솔

08:30

Part 3. 데이터 타입, 변수, 웹브라우저 제어

3강

22:31

06. 데이터 타입 - 문자열과 숫자

11:00

07. 변수와 대입 연산자

07:56

08. 웹브라우저 제어

03:35

Part 4. CSS 기초

4강