HTML, CSS, JAVASCRIPT 공부 방법 및 독학 순서 총정리

 

안녕하세요!

 

이번 포스팅은 웹 개발의 기초라고 할 수 있는, 떼어 놓을 수 없는 웹개발자 베이스 3종 세트!

 

HTML+CSS+JavaScript 의 공부 방법과 공부 순서에 대해서 말씀드리고자 합니다.

 

 

---

 

무료 강의 사이트와 좋은 책들이 시중에 널리고 널렸죠!

그 중에서도, 정말 도움이 되었던 책 추천과 웹 개발 독학에 도움되는 알짜 공부 사이트를 소개해드릴게요.

 

제가 직접 공부할 때 이용했던 것과 추천받았던 것들 중에서 필수적인 것만 소개해드리는 거니까,

이것을 토대로 더 많은 공부를 해보시는 것이 좋겠습니다!

 

아래 순서는 공부 순서라고 보셔도 무방합니다.

 

---

 

1.  생활코딩 https://opentutorials.org/course/3085

WEB2 - JavaScript - 생활코딩

 

제가 더 말씀드릴 것도 없습니다. 너무도 유명한 이고잉님의 생활코딩 강의입니다.

 

인프런을 이용하고 계신다면 인프런(https://www.inflearn.com/course/html-%EA%B8%B0%EC%B4%88)에서도 무료강의로 들으실 수 있어요.

 

생활코딩 장점

- 이고잉님의 우수한 강의력(왜 강의가 재밌죠?)

- 웹에 대한 개념과 느낌을 얻으실 수 있고, 호감을 가질 수 있어요!

- 혼자서 공부하는데도 외롭지 않아요! 대화하는 듯한 강의력!

 

생활코딩 단점

- 비교적 오래된 강의라는 점..!

 

그래서 이 강의는 가볍게 완강해보시고 다음으로 넘어갑시다. 어렵지 않은 내용이니까요.

 

 

2. Do it! 이지스 퍼블리싱 책 <Do it! HTML+CSS+자바스크립트 웹 표준의 정석>

혼자 공부하는데 혼자 공부하지 않는 느낌입니다. 한줄요약 하자면요.

 

웹 표준의 정석

 

 

https://cafe.naver.com/doitstudyroom

Do it! 스터디룸 : 네이버 카페

 

이 책을 완독하시려면 위의 카페에 꼭 가입하세요.

 

질문을 남기면 저자가 직접 답해주시기도 하고, 다른 독자들과 계속해서 소통하는 좋은 커뮤니티입니다.

 

구입한 책의 카테고리(메뉴)에 들어가면, 저자 직강 동영상 강의 링크도 제공되어있습니다.

 

독학이지만 함께 학원에서 공부하는 느낌, 스터디를 하고있는 느낌을 받을 수 있습니다.

게다가, 실습이나 공부한 것을 가볍게 업로드해서 완독 인증에 성공하시면 무료로 책을 제공받을 수도 있어요!

 

그리고 이 출판사의 책을 따라 다음 단계를 공부해보세요!

라이브러리에 따라, SW 구조에 따라 많은 책들이 제공되고 있는데, 단계별로도 설명되어있으니 따라가시기 좋습니다.

 

---

 

이정도만 하셔도 웹 기초는 완벽합니다. 2가지 밖에 없죠?

놀랍게도 개발까지도 가능한 단계가 되십니다. (실습을 잘 따라하셨다면요!)

 

그럼 이제 라이브러리, React라던지, Vue 등을 배우시면 됩니다.

아니면 이 글을 읽고있는 독자님께서 현재 유행하는 라이브러리를 찾아 공부하셔도 됩니다!

 

또, 개발의 기초인, SW 구조의 기초인, 프레임워크 Spring, BootStrap 등도 공부하셔야겠죠.

 

컴퓨터 공학도이시라면, 학교에서 배우는 내용 말고도 꼭 따로 공부하셔야 합니다.

학교에서 배우는 것이 영어 기초라면, 

다른 플랫폼에서 배우는 다양한 내용들은 무역영어, 비즈니스영어, 생활영어... 라고 생각하시면 되겠습니다.

 

 

다들 열심히 공부하시고, 성공한 개발자 되시기 바랍니다 ~!