Giter Club home page Giter Club logo

javascript-study's Introduction

JavaScript-Study

JavaScript를 공부해야 하는 이유

  • UI개발의 화룡점정
  • HTML, CSS로 만든 페이지들을 유저의 인터렉션에 따라 반응하는 동작하는 웹을 만들기 위함

스터디 설명

  • 동작하는 웹을 만들기 위한 JavaScript를 공부하기 위함
  • Momentum 앱을 클론하면서, 각종 기능을 첨부해볼 예정
  • 클론코딩 방법
    • 항상 생각하며 코딩할 것
      • 코드를 작성하기 전 코드의 의도를 생각한다
      • 이 클론 대상을 만들 때 어떤 것을 고민하였고, 어떻게 구현할 것인가를 생각하기
    • 문서화
    • 스터디에서 끝이 아니라 자신만의 앱으로 만들기(나의 색 입히기)

공부한 내용

  • JavaScript의 역사
  • Data Types
  • Variables
  • Arrays
  • Objects
  • Functions
  • Conditionals
  • Document Object
  • HTML, CSS in JavaScript
  • Searching Elements
  • Events
  • LocalStorage
  • 생성과 삭제(LocalStorage)
  • Todolist 구현
  • API활용

필요한 사전지식

  • HTML, CSS 기초지식

스터디 완료 이후

  • 깊은 JavaScript 탐구
    • 기본 UI 제작
    • 애니메이션 구현
    • 생산성 향상을 위한 jQuery함수
    • Ajax를 이용한 서버와 통신
  • 위의 탐구 후 직접 Apple 홈페이지 같은 애니매이션 만들어보기
  • JavaScript 스터디 진행(코어 자바스크립트 도서 이용)
    • JavaScript ES6 신문법
    • 객체지향
  • React 프레임워크 스터디 진행

시연영상

Video Label

javascript-study's People

Contributors

klomachenko avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.