HTML, CSS 무료 강의 무엇을 들을까? 5가지 추천

컴퓨터로 작업을 하다 보면, 다뤄야 할 데이터의 양이 늘어나면서 결국은 프로그래밍을 배우고 싶다는 생각이 들기 쉽습니다. 하지만 C언어Java, 파이썬 등 한 번쯤 들어본 유명 언어들의 책을 보면 뭔가 어려워 보이고 쉽게 시작할 엄두가 나지 않습니다.

그런 노베이스 상황에서는 프로그래밍 언어는 아니지만, 우리에게 좀 더 익숙한 크롬, 사파리웹브라우저를 구성하는 마크업 언어인 HTML이나 CSS 같은 표시 언어를 먼저 배우면 도움이 됩니다.

대부분 프로그래밍으로 무언가를 조작할 때 결국은 웹 브라우저를 건드리는 일이 많기 때문에 브라우저의 언어를 구성하는 html과 css는 배워두면 대부분 프로그래밍 영역에 도움이 됩니다.

 

1.생활코딩 : 원리 중심 html, css 무료 강좌

무언가를 배울 때 원리 하나하나를 아주 천천히 배우는 것을 좋아하는 스타일이 있습니다. 하지만 그렇게 배우면 진도를 나가기 힘든데요. 생활코딩 강좌는 축약 강의로 시간이 짧은 대신 아주 천천히 HTML이나 웹의 원리가 무엇인지부터 시작해서 강의를 하기 때문에 원리 중심 공부에 도움이 됩니다.

가격은 무료이며, 생활코딩 홈페이지유튜브에서 모두 수강 가능합니다. HTML이나 인터넷의 원리는 무엇이고, CSS는 핵심 원리로 아주 짧고 빠르게 배울 수 있습니다. 또한, HTML과 CSS를 배우고 나면, 원하는 프로그래밍 언어로 자바스크립트, 파이썬, php 등 여러 언어를 배울 수 있습니다.

 

2.인프런 : html, css 단과 무료 강좌

html, css는 유튜브에도 무료 강좌가 많지만 뭔가 체계적이지 않고, 중간에 생략된 강좌도 많은 듯 중구난방한 편입니다. 하나의 강좌를 완독하고 싶은 경우 인프런이 제격입니다. 인프런은 IT 단과 강좌 플랫폼으로 ‘무료’ 필터를 체크하고, html이나 css로 검색을 해보면 많은 무료 강좌를 찾을 수 있습니다.

온라인 수강이며, html, css 기초는 물론이고 유명 서적을 강의하거나 홈페이지를 만들여서 html/css를 배우는 등 다양한 컨셉의 강의를 입맛대로 들어볼 수 있습니다. 자바스크립트나 기타 강좌도 무료가 많기 때문에 여러 프로그래밍 언어도 배우는데 도움이 되는 플랫폼입니다.

 

3.패스트캠퍼스 : NCS 발급 html/css 무료 강좌

자격증을 취득하면서 어떤 분야를 공부하는 것을 좋아하시는 분도 많습니다. 하지만 컴퓨터의 경우 자격증 중심으로 공부하려면 자격증의 개수가 많지 않은데요. 패스트캠퍼스K-Digital 프론트엔드 종합반을 이용하면, 수료후 취업에 서류 첨부 가능한 NCS 수료증을 받을 수 있습니다.

패스트캠퍼스의 프론트엔드 종합반의 가격은 자비부담금 10%를 내고, 수강 완료전액 환급받아서 사실상 무료라고 볼 수 있습니다. 온라인으로 수업이 진행됩니다.

HTML, CSS 강좌에서 시작해서 자바스크립트 리액트 라이브러리(자바스크립트를 좀 더 빠르게 코드 짜도록 도와줌)를 배워서 클론 코딩이나 공공 API 등으로 포트폴리오를 제작합니다. 취업 특강이나 현업자 멘토링 등 다양한 취업 지원 서비스도 있으므로 유용합니다.

 

4.코드스테이츠 : 프론트엔드 개발 html/css 무료 취업 강좌

HTML, CSS를 배우다보면, 결국 이를 움직이는 프로그래밍 언어자바스크립트를 배우고 싶다는 생각이 들고, 자바스크립트를 배우다보면, 이를 전문적으로 다루는 프론트엔드 개발자가 되고 싶다는 생각이 들기 쉽습니다.

하지만, 그렇다고 비전공자가 학교를 다시 컴퓨터쪽으로 가는 것은 시간과 비용 리스크가 있는 편인데요. 코드스테이츠 프론트엔드 부트캠프를 이용하면, 비교적 단기간프론트엔드 개발자 취업 준비가 가능합니다.

K-디지털 국비지원 사업으로 전액 무료매달 훈련장려금이 지급됩니다. 무료인만큼 시기별 인원이 제한되어 있어 티오가 있는지 주기적으로 체크를 하면 좋습니다.

html, css, javascript, react.js 등을 배우고 프론트엔드 개발 취업용 포트폴리오를 구축하며, 500개의 파트너사부터 채용 연계 서비스도 가능합니다. 코딩문제 플랫폼 코플릿 운영으로 알고리즘 기술 면접 준비도 가능합니다.

 

5.코딩애플 : html, css 아주 빨리 배우는 부분 무료 강좌

HTML과 CSS가 웹의 기초라고 해서 책을 사서 보면, 생각보다 두꺼워서 아무리 쉬운 내용이라도 시간이 꽤 걸리는 편입니다. 코딩애플은 짧은 강의로 유명한 생활코딩보다 더 짧은 강의로 HTML과 CSS를 가르쳐줍니다. 왜 사용하는지 이유도 생략하고 예제를 바로 따라치면서 아주 짧은 프로그램을 바로 만드는 방식을 사용해서 초보자도 이해하기 쉽습니다.

가격은 부분 무료이며 각 초급, 중급, 고급 강좌 앞 3 ~ 5개 정도무료 공개됩니다. 샘플 강의가 있으므로 강의 스타일이 맞는지 체크를 미리 해볼 수 있습니다. 회원가입없이 공개 강의이므로 바로 들어볼 수 있습니다.

온라인 수업입니다. 초급에서는 div, float, maring, position, form 등을 배웁니다. 중급에서는 flexbox, 그리드, 반응형 레이아웃, 트랜지션, 부트스트랩 라이브러리 사용법 등을 배웁니다. 고급에서는 SASS, 트랜스폼 및 애니메이션, HTML VIDEO, sticky position 등을 배웁니다.

그 밖에 자바스크립트, 리액트, node.js, vue.js 파이썬 크롤링, 파이썬 인공지능 등 다양한 강좌도 수강 가능합니다.