웹 개발 시작하기

반응형

웹 개발(대부분 프런트 엔드)을 시작하는 데 관심이 있는 경우 이러한 항목을 가장 많이 참조할 수 있습니다.

이 페이지는 사람들이 웹 개발을 배울 때 내가 가장 흔히 연결해주는 자료로 쓰입니다. 사람들을 압도하지 않도록 짧아야 해요.

필수 지식

• 2022 Web Dev 시작/경력 가이드 비디오 - 필수 시청
• MarkSheet - HTML/CSS/Sass
• JSFiddle - 코드 작업에 문제가 있거나 다른 사람의 도움이 필요할 때 사용합니다.
• CodePen - 계정을 만듭니다. 추적하거나 기존 예제를 검색할 때 사용합니다.
• 자유 코드 캠프 - 부트스트랩, JS 등
• 사용 가능 - 특정 웹 기능이 지원하는 브라우저가 무엇인지 알려줍니다.
• Chrome Dev Tools 학습 - 기본적으로 다른 브라우저에서도 동일합니다.
• 코딩을 배우는 것이 왜 그렇게 어려운가 - 중요한 기록

 

자바스크립트 북스

• JavaScript: 좋은 부품 - 책. 아마존에서 돈을 지불하고, 해적질을 하거나, 아니면 지역 도서관에서 구하세요.
• 모르는 JS - 무료 온라인 책
• 웅변형 JavaScript - 무료 온라인 책
• 탐색JS - ES 사양에 근접한 여러 무료 온라인 서적
• JavaScript.info - 온라인 JS 리소스, MDN보다 읽기가 조금 더 쉽습니다.

Vue.js 시작하기

• JSFiddle.net를 열고 공식 시작 안내서를 따르십시오.
• Vue Mastery(Vue에 대한 소개는 무료이지만 고급 강의는 무료이지만 주말을 자주 이용할 수 있음)
• 막시밀리안 슈바르츠뮐러의 것은 무엇이든 좋습니다.
  Vue.js - 시작하기(무료)
  Vue.js
• Vue.js - 시작하기(무료)
• Vue.js
• 유데미 코스: Vue + 라우터 + Vuex
• Sarah Drasner는 Vue 팀의 핵심 멤버 중 한 명이며, Intro to Vue에 대한 적절한 과정을 이수했으며 웹 애니메이션에 대한 전문가입니다.
• CodeSandbox.io/s/vue - JSFiddle과 유사하지만 대규모 웹 팩 기반 프로젝트용입니다.

CSS 즐거운 시간

 

• MarkSheet - HTML/CSS/Sass
• CSS 기금 - 부트스트랩 제작자의 컨퍼런스 토크
• CSS 레이아웃 기본 - CSS 자습서
• CSS 스시 - CSS 선택기 게임
• Flexbox 게임 - 대화형 CSS Flexbox 튜토리얼
• Flexbox Frogies - CSS Flexbox 게임
• Flexbox Tower Defense - CSS Flexbox 게임
• CSS 그리드 가든 - CSS 그리드 게임
• 그리드 예: CSS 그리드 비디오 튜토리얼
• WTF HTML

사진 크레딧:

• 로켓 - 마치에 루민키에비치