무엇을 어디서 배울 것인가 - 2020년 웹 개발 로드맵

5665 단어 webdevtutorialjavascriptbeginners

로드맵을 시작하기 전에


  • 완전 초보 단계부터 시작하는 웹 개발 학습 로드맵 공유합니다
  • 이것이 웹 개발자가 될 수 있는 유일한 방법은 아닙니다. 이러한 기술을 배우는 정확한 순서를 따를 필요는 없습니다.
  • 물론 취향에 따라 믹스매치도 가능합니다.
  • 다양한 웹 기술을 학습하는 데 도움이 되는 과정 또는 자습서를 공유하고 있습니다.
  • 그리고 가장 중요한 점은 과정 제작자나 강사가 자신의 과정에 대해 이야기하도록 비용을 지불하지 않았다는 것입니다.
  • 여기서 공유하는 과정은 학습용입니다MERN stack [MongoDB, Express.js, React, Node.js].

    • 의 시작하자





    괜찮은 MERN 스택 웹 개발자가 되기 위한 모든 기술을 배우기 위한 일반적인 로드맵은 다음과 같습니다 👇

    🖥️ 프런트 엔드 기술:



    • Html
    • CSS
      • CSS frameworks like Bootstrap, Tailwind, etc.
      • Preprocessor libraries like SASS etc.
    • Responsive Web Design
    • Javascript
      • DOM manipulation
      • ES6 features in-depth
    • React, Vue or Angular
      • Design frameworks line Material UI etc.
      • Packages like Redux etc.


    🛠️ 백엔드 기술:



    • Node.js
    • Express.js
      • REST API with Express.js
      • Authentication in Backend
    • Git and Github for version control
    • MongoDB
      • Mongoose.js


    📱 모바일 개발 기술:



    • React Native or Flutter


    이러한 놀라운 기술을 배우기 위한 과정



    배우기 시작했을 때 무언가를 배우기 위한 문서를 읽는 것이 그리 편하지 않았습니다. 그래서 온라인 강의를 들었습니다.
    이 과정은 저에게 유리한 출발점을 제공했습니다. 그리고 몇 달[약 1년 반 정도]이런 것들을 배운 후, 서면 튜토리얼과 문서를 따라 스스로 새로운 기술을 배우는 것이 편하다고 말할 수 있습니다.

    단일 과정의 모든 기술에 대해 알고 싶다면 다음 과정을 수강할 수 있습니다. 👉



  • The Complete 2020 Web Development Bootcamp by Angela Yu

    • But keep in mind this won't give you in-depth 
knowledge of these technologies. After this course, 
you'll be comfortable working with these 
technologies, and then you have to continue for more 
advanced knowledge.



    모듈식 접근 방식을 더 취하고 싶다면 👉


  • 반응형 웹 디자인이 포함된 HTML, CSS의 경우

  • The Creative HTML5 & CSS3 Course by Dev Ed | very much recommended
  • Build Responsive Real World Websites with HTML5 and CSS3 by Jonas Schmedtmann

  • Javascript 및 ES6의 경우
  • The Creative Javascript Course by Dev Ed

  • The Complete JavaScript Course 2020: Build Real Projects! by Jonas Schmedtmann | very much recommended

  • 20 Web Projects With Vanilla JavaScript by Brad Traversy | very much recommended

  • Node.js, Express, React, Redux 및 MongoDB가 포함된 MERN Stack의 전체 패키지용

  • MERN Stack Front To Back: Full Stack React, Redux & Node.js by Brad Traversy | very much recommended

  • React.js의 경우
  • React Front To Back by Brad Traversy

  • Express 및 MongoDB를 사용하는 Node.js의 경우
  • Node.js API Masterclass With Express & MongoDB by Brad Traversy
  • Node.js, Express, MongoDB & More: The Complete Bootcamp 2020 by Jonas Schmedtmann

  • React Native를 사용한 모바일 개발용

  • The Ultimate React Native Series by Mosh Hamedani | very much recommended

  • Flutter를 사용한 모바일 개발용
  • The Complete 2020 Flutter Development Bootcamp with Dart by Angela Yu


    • 이것들을 배우면서 즐거운 시간을 보내시기 바랍니다 😄.

    다시 말하지만 언급된 과정의 강사 중 어느 누구도 자신의 과정에 대해 글을 쓰도록 후원하지 않았습니다.
    이 과정 중 일부가 웹 개발에 대해 배우는 데 많은 도움이 되었기 때문에 공유하고 있으며 이러한 자습서를 만든 멋진 사람들에게 매우 감사합니다.

    내 블로그가 마음에 든다면 사랑을 보여주세요.
    Follow me on Github

    읽어주셔서 감사합니다 😃.
    Could not parse stylesheet of widget
    파이썬 2로 자기가 쓴 Zenn의 글 일람.

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage