생활코딩

Coding Everybody

코스 전체목록

닫기

WEB2 - JavaScript

| 공개

수업소개

이 수업은 https://opentutorials.org 를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다. 

 

 

수업대상

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

html만으로 만들어진 아래의 웹페이지에
https://web-n.github.io/web1_html_internet/

아래와 같이 javascript를 이용해서 주간/야간 모드 기능을 추가하면서 각종 문법을 익혀갑니다.

https://web-n.github.io/web2_javascript/

 

 

수업에 참여조건

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

WEB1 - HTML & Internet 수업 바로가기

아래는 관련된 지식의 지도입니다. 지도를 참고해서 스스로 학습 경로를 탐험해보세요.

 

 

수업의 크기

이 수업은 총 37개의 동영상, 4시간 24분의 재생시간으로 이루어진 수업입니다.  

 

 

진도표

아래 야학사이트를 통해서 학습의 진행상황을 체크하고 다른 학우들을 만날 수 있습니다.

https://yah.ac/web2javascript

 

 

수업의 내용

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)

 

이 수업을 볼 수 있는 다른 방법

youtube 재생목록

다운로드(4.75GB) 

 

 

수업소식

아래 채널에 구독하시면 새로운 온/오프라인 수업이 있을 때 알려드립니다. 

 
 
 

수업의 저작권 정책

이 수업은 CCL 라이선스 BY를 따르고 있습니다. 이 수업의 출처를 표시해주신다면 컨텐츠의 수정을 할 수 있고, 상업적인 용도로도 사용할 수 있습니다. 상업적인 용도로 사용하는 경우는 거래 관계가 없다는 것을 인지 가능하도록 표시해주셔야 합니다. 

 

 

 

 

 

 

전기를 남겨주세요.
후기랑 비교해보면 재미있겠죠?  

 

 

 

댓글

댓글 본문
작성자
비밀번호
  1. 연양갱
    WEB1-html, internet 마치고 WEB2로 넘어왔습니다^^ 사용자와 상호작용하는 마법사의 길 시작합니다!!^^
  2. nlds
    드디어 자바스크립트네요! 빨리 원하는 웹페이지를 만들고 싶어요
  3. Crobbit Lucy
    html css로 사이트 만들기 실습과 함께 JavaScript 공부 시작합니다~!
    너무 너무 재미있어요 ㅎㅎ
  4. 김라식
    아니 진짜 영상 초반에 bgm 나오면서 " 자 지금부터 웹2 자바스크립트 수업을 시작하겠습니다 "
    이때 왜이렇게 설레는 것이지요;;
  5. 바코드
    시작
  6. 스페이스몽키
    감사합니다~!
  7. 김걸
    노력이 대단하십니다. 많이 배우겠습니다.^^
  8. 설렁탕
    완료
  9. Yesugei
    웹1 이후 자바스크립트로 넘어갑니다!
  10. vitaminc
    후우... 진짜 설레네요 ㅋㅋㅋㅋ , 대학교 신학기마다 설렌 거 이후로 이런 설렘 오랜만이네요!
  11. 한기동
    자바스크립터 수강 시작합니다.
  12. ByungHun Kim
    FE / BE를 배우기 위해 edwith 부스트 코스를 듣고 있었는데요. JavaScript 부분 기초를 쌓고 들어야 할 것 같아서, 시작하려고 합니다. 언제나 좋은 강의 감사합니다.
  13. jayxwoo
    자바스크립트 시작합니다:))
  14. 문정수
    좋은 내용 이네요^^
  15. 양희승
    자바스크립트 입문합니다~
  16. dwg1114
    JSP 수업은 혹시 계획에 없으신가요?
  17. 이하빛
    java랑 php랑 phyton이랑 등등 어디까지 배워야할지 모르겠지만 일단 있는 강의 다 보려고 계획중입니다!
    잘 따라갈 수 있으면 좋겠어요ㅠ0ㅠㅎㅎ
    공부라는게.. 볼때는 이해하는데 혼자 만들라고하면 못하는기라..ㅠㅠ..
    꼭 완수하길 바라며 레츠고 하겠습니다!!
  18. Hyungjun Ahn
    설렙니다^^
    늘 오프닝이 배움을 설레게 하여 좋습니다.
  19. daaawnstar
    마법배우러 갑시다 !
  20. Dreaming_Joyy
    사용자와 상호작용하는 마법! JavaScript의 시작!!! 엄청엄청 설렙니다!!!
  21. Young Joo Kim
    Web2 - Javascript 새롭게 시작합니다.
  22. liganega
    수업대상 세션에 사용된 아래 주소에 걸린 링크가 맞는지 궁금합니다.

    https://web-n.github.io......et/
  23. 기현
    원래는 여기서 들은게 아니라 네이버 edwith에서 html수업과 css수업을 듣고 여기오게 되었네요.

    javascript까지만 배우고 일단 취직한 다음에 php를 시작으로 full stack으로 갈려고 합니다.

    이런 좋은 수업을 들을 수 있게 해주셔서 너무너무 감사합니다 ^^

    그럼 시작합니다.
  24. 정병성
    web 1 ~ 이수업까지 마친 학생입니다. 현재는 실습 중에있는데 템플릿을 다운받아 그 템플릿 상에서 사진을 올리는 작업을 할때 사진크기가 자동 조절이 안되어 포토샵으로 따로 작업을 해야하는 불편함이있는데 ... 이런 부분도
    해결이 되는건가요 ? 아니면 현업에서 실제 업무에 투입되더라도 포토샵으로 이렇게 다 작업을 해서 픽셀 크기에 맞추어 사진을 올리나요 ? ㅠㅠ
  25. egoing
    예 그렇습니다 :)
    대화보기
    • 우웅이
      유튜브에서 영상만 받아도 되나요? 제가 중국에 살고 있어서 VPN이 잘안되서

      미리 다운받아 할려고 하거든요. 아예 기초지식 없어도

      저거 WEBn 으로 된것 html css js php 만 받으면되는지요
      대화보기
      • egoing
        넵 제가 링크드린 수업 처음부터 보면 됩니다~ pc에서 보시면 웹사이트 구조 파악하기 좋을거에요. 혹 모바일로 보시면 좀 햇갈릴수 있어서요
        대화보기
        • 우웅이
          그 아예 처음 입문인데요 WEBn 이 메뉴 첫번째 부터 보면 될까용?
          대화보기
          • egoing
            아래 수업이 시작입니다~

            https://opentutorials.org......084
            대화보기
            • 우웅이
              조언좀 주실분 계시나요?~

              html css 자바스크립트 php 순서대로 공부 할라고 하는데..

              WEBn 메뉴란이 최신 수업인가요?어떤걸 봐야될지 ㅠ~
            • 제갈량
              WEB2-Javascript이제 출발합니다.
            • 동동
              3월8일 수업시작
            • 서한솔
              20180303 시작합니다!
            • ByungHun Kim
              내가 원하는 웹 사이트를 만들려면 무엇을 알아야 하는 지 모르기에 차근차근 배워가고 있는 중입니다. 이 강의를 끝마친 후의 저는 지금의 저와 같을까요?
            • 안장호
              20180228 시작합니다~!!!!
            • 이성준
              내가 바로 이성준이다!
              화이팅!
            • kelpin
              시작합니다
              금방 끝내고 저의 웹사이트를 만들어 보고 싶네요
              버전 2 가즈아!
            • 180212 시작합니다.
            • Mingi Son
              180210 시작합니다 ㅎㅎ
            • Mj Hong
              공부 시작 합니다~
            • 김규완
              CSS 까지 배우고 저만의 프로젝트를 진행하다가, 욕심이 생겨서 배우러 왔습니다!
            • 요시코
              2018 2/2 금요일
              가즈아~
            • 도기맘
              아직도 가야할길이 멀지만 web1 시작했을때 처음열정으로 끝까지 완주를 다짐합니다
            • Park Jaeman
              css까지 너무 재미있게 진행했습니다. 배워야할 내용들이 무엇일지 두근두근하네요!
            • Ryan.L
              마법사~ 출발
            • 요시코
              저만의 웹 프로젝트를 진행하려고 했습니다.
              아직 부족한게 많은것 같습니다.
              무엇을 모르는지 잘 모르겠어서
              수업을 듣습니다.
              시작!
            • PassionOfStudy
              똑똑!! ㅎㅎ

              생활코딩을 통해 웹 어플리케이션 만들기를 시작으로
              코딩야학3기에 참여하면서 WEB-1 Internet&HTML,
              프로젝트를 진행하면서 WEB-2 CSS를 들었습니다.
              사용자와 상호작용하는 웹페이지를 만들고 싶어서 WEB-2 JavaScript를 들으러 왔습니다.

              이번에도 신세 좀 지겠습니다.... ㅎㅎ

              출봐알~~ GoGoGo~~~
            • 포기하지 않고 끝까지 듣는걸 목표로 시작!
            • Yong Choi
              코딩야학 3기 수강후 시작합니다! :)
            • 강찬영
              2018년1워14일 JavaScript시작 합니다^^
            graphittie 자세히 보기