JS 프레임워크보다 먼저 수행하십시오 ✔

안녕하세요 뉴비 여러분 🐝



아래의 세 가지 거대한 JS 프레임워크에 대해 잘 알고 계실 것 같습니다.



웹 개발자 산업에 진출하려는 경우 이러한 프레임워크를 배우는 것이 매우 중요합니다.

하지만 🙆‍♂️, 그런 프레임워크를 만지기 전에 바닐라 자바스크립트에 대해 알아야 합니다.

예, 프레임워크로 이동하기 전에 바닐라 자바스크립트에 대한 교육을 잘 받아야 합니다.

그러나 정확히 나를 위한 자바스크립트의 최소 요구 사항은 무엇입니까?



Well there are some JS concepts 📕 which are required to work on this frameworks.



그래서 이러한 개념을 찾는 작업을 저장하고 모든 JS 프레임워크에 대한 이 전제 조건을 안내하기 위해 이 게시물을 작성했습니다.

그럼 여기로 갑시다...




웹 🕸 HTML에 대해 말할 때 CSS와 Javascript는 항상 존재합니다.

기본 CSS/CSS3 스타일링과 함께 몇 가지 기본적인 symentic HTML 태그를 배우십시오.

Javacript에서 익혀야 할 기본 사항은 다음과 같습니다.
  • 구문
  • 변수
  • 배열/객체
  • 이벤트
  • 기능
  • 루프
  • 조건부



  • Javascript와 거래를 성사시키려면 Javascript의 기본 사항뿐만 아니라 일부 고급 Javascript 기능/개념도 알아야 합니다.
    그래도 복잡해지겠지만 걱정하지 마세요.


    고급 자바스크립트 기능:

    배열 방법 ⚡

    • forEach
    • map
    • filter
    • reduce
    • etc...


    on의 이 튜토리얼은 시작하기에 좋습니다.



    Next up is Arrow Functions 🏹 along with

    'this'

    keyword.



    hello = () => {
      return "Hello World!";
    }
    
    


    화살표 기능here
    'this' 키워드에 대한 정보here

    Some about ES6 modules using import / export here




    약속 🤝

    Promises are used to handle asynchronous operations in JavaScript. They are easy to manage when dealing with multiple asynchronous operations where callbacks can create callback hell leading to unmanageable code.

    • Async / Await
      • Fetch API


    설명서here


    파괴 🧹

    Destructuring is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables. That is, we can extract data from arrays and objects and assign them to variables .



    const user = {
        name: "Jayesh",
        age: 21
    }
    
    const {name, age} = user;
    


    설명서here


    확산 연산자 🌟

    Spread syntax allows an iterable such as an array expression or string to be expanded in places where zero or more arguments (for function calls) or elements (for array literals) are expected, or an object expression to be expanded in places where zero or more key-value pairs (for object literals) are expected.



    const state = {
        name: "Jayesh"
    }
    
    const newState = {
        ...state,
        age: 30
    }
    


    설명서here


    자바스크립트 수업 🛄

    ES6, also known as ECMAScript2015, introduced classes.

    A class is a type of function, but instead of using the keyword function to initiate it, we use the keyword class, and the properties are assigned inside a constructor() method.

    • Structure
    • Constructors
    • Methods / Properties
    • Instantiation
    • Extending


    설명서here

    필수 반응



    구성품





    Components are independent and reusable bits of code. They serve the same purpose as JavaScript functions, but work in isolation and returns HTML via a render function. Components come in two types, Class components and Function components .
    The user interface is broken up into individual components.

    • Navbar
    • Menu
    • Main


    기타 🎊



    • Typescript (Angular)
    • Webpack & Babel
    • DOM Manipulation (optional)


    당신을 위한 더 많은 튜토리얼 🤗


  • 베이직 Javascript
  • 반응 충돌Course
  • Typescript 충돌Course



  • 이 가이드가 도움이 되기를 바랍니다.

    행운을 빌어 요 Devs ❤

    집에 머물고 안전하게 지내세요 🏡

    이전글도 확인해보세요



  • 작가:

    인스타그램 ➡

    트위터 ➡

    좋은 웹페이지 즐겨찾기