대충 알고는 있는데 정리가 안되는 것 같아요
HTML, CSS, Javascript 는 대충 쓸 것 같은데 실제로는 원하는 대로 다루기 어렵습니다. 반응형, 호환성, ES6 등 흩어진 수많은 문법과 기술, 프론트엔드는 한번 잘 정리하지 않고서는 생각보다 어렵습니다.
풀스택이 되면 웹서비스를 혼자서도 만들 수 있다던데...
웹이든 앱이든 최근 서비스는 백엔드, 프론트엔드, 배포 기술이 필요하고, 이를 풀스택이라고 합니다. 풀스택이 되면 혼자서도 최신 웹서비스를 만들 수 있고 경쟁력 있는 개발자가 됩니다. 가장 효과적인 길은 풀스택 강의 Part1 에서 파이썬과 백엔드를 익히고, Part2 에서 프런트엔드 기본기를 닦는 것입니다. 기본기가 갖춰져야 강의의 웹서비스를 그대로 따라 치는 것이 아니라 제대로 풀스택이 됩니다. 본 강의는 프런트엔드 기본기를 탄탄히 갖추도록 HTML5, CSS, Javascript (바닐라 자바스크립트, VanillaJS) + ES6 를 상세히 다룹니다.
가장 빠른 최신 풀스택 로드맵을 유투브 영상으로 요약했습니다. 참고하시면 혼자서도 짧은 시간에 웹/앱 개발까지 가는 로드맵을 이해하실 수 있습니다.
탄탄하고 실질적인 프런트엔드 기본기를 위해 만들었습니다.
문법과 기능이 수없이 많아 프런트엔드의 출발은 정리부터입니다.
그 많은 문법과 지식을 다음 조건으로 정리했습니다.
- 최신 웹사이트 개발을 위한 배경지식은 싹 정리하고
- 그럴듯한 웹페이지를 위해 꼭 필요한 CSS 를 꼼꼼히 정리하고
- 최신 웹페이지에서는 쓰지 않는 Jquery 는 다루지 않고
- 모두 표준 Vanila Javascript + ES6 로 대체해 다루고
- 반응형을 지원하고
- 호환성까지 고려합니다
HTML 태그는 시멘틱 태그까지 꼭 필요한 태그 중심으로 정리하고,
그럴듯한 웹페이지에 꼭 필요한 반응형, 호환성까지 고려해 상세한 CSS 기능을 다루고,
VanillaJS (바닐라 자바스크립트) 라는 이름처럼 최근 트렌드는 jQuery 를 쓰지 않으므로, 호환성까지 고려한 Javascript + ES6 문법만으로 웹페이지를 구현합니다.
호환성 이슈로 쓸 수 없는 극최신 문법과 대체 가능한 기술은 빼고 핵심 기술에 집중합니다.
시간을 낭비하지 마세요!
우리는 정보가 없어서 못하는 것이 아닙니다!
검증된 강의로 익히면, 빠르게 정리할 수 있습니다!
Javascript만 배우면 되지 않나요?
풀스택 개발의 가장 큰 병목은 CSS입니다. HTML, CSS는 중학생도 안다고들 합니다.
그러나 웬만한 프런트엔드 개발자가 아니고서는 반응형, 호환성을 갖춘 그럴듯한 최신 웹페이지를 만들 수 없습니다.
수없이 많은 세부 CSS 기능을 정리해야 하고, HTML도 표준에 맞춰 한번은 정리해야 합니다. 국내에는 퍼블리셔라는 직업이 있지만 국외에는 프런트엔드 또는 풀스택 개발자가 CSS까지 다룹니다.
경쟁력 있는 프런트엔드/풀스택 개발자가 되려면 CSS 기능을 상세히 정리하는 것이 필수입니다.
React, Vue를 익혀야 웹서비스를 만들 수 있지 않나요?
이 프레임워크들은 Javascript의 아쉬운 점을 개선해 Javascript로 작성된 것입니다. 쓸 때도 Javascript를 쓰기 때문에 어떤 프레임워크라도 Javascript 기본 문법을 잘 정리해 두어야 합니다. 본 강의의 HTML, CSS, Javascript 기본기가 갖춰져야 그 위에서 React, Vue 등을 익힐 수 있습니다.
그래서 본 강의는 프런트엔드 기본기에 집중해, 관련 기술 중 꼭 필요한 기술을 싹 정리하고 연습합니다.
입문자도 할 수 있을까요?
입문자도 들으실 수 있도록, 상세히 차근차근 설명드리는 강의입니다.
IT강의에서 가장 어려운 것은 프로그래밍을 전혀 모르는 분께 프로그래밍을 가르치는 일입니다. 이런 분들도 제가 오픈한 파이썬입문과 크롤링기초 부트캠프 강의를 통해 프로그래밍뿐만 아니라 크롤링 기술을 익히셨습니다. 합리적이고 서로 배려할 수 있는 분들이라면, 충분히 가능합니다.
프런트엔드만 빨리 정리하고 싶으시면 본 강의만 수강하셔도 좋습니다. 다만 프로그래밍을 한번도 다뤄보지 않은 완전 입문자라면, 파이썬입문과 크롤링 부트캠프 강의와 함께 풀스택 로드맵대로 차근차근 익히시길 추천드립니다.
입문자도 이해할 수 있도록
간결하면서도, 꼼꼼히 작성된 자료를 기반으로,
강의 중, 각자 테스트도 해볼 수 있도록
기능별 샘플코드와 테스트까지 바로 하실 수 있습니다

• 기능별 샘플코드를 프로젝트로 작성해 드리며, 실전 웹페이지 코드파일도 드립니다.
• 강의 자료는 온라인에서 언제든 확인하실 수 있습니다. (단, 저작권 이슈로 복사 및 다운로드는 제한했습니다.)
체계적으로 익힐 수 있을까요?
입문자에서 풀스택이 되기까지 전 과정을 조금씩 난이도를 높여가며 상세하고 체계적으로 익히도록 강의를 만들고 있습니다. 간결한 코드와 충분한 설명을 하되, 이해가 필요한 부분은 그때그때 컴퓨터 공학까지 설명해 좋은 개발자의 기본기를 닦으실 수 있습니다.

본 강의는 풀스택 강의 시리즈 Part2로, 다음 서비스 개발을 위한 특정 웹페이지를 선택해 어떤 프레임워크와 라이브러리도 쓰지 않고, 빈 파일부터 HTML, CSS, Javascript + ES6 로 한땀한땀 코드를 완성해 봅니다.
'아! 진짜 다르구나!' 라고 느낄 수 있도록
고민해서 만드는 강의입니다
그대로만 따라오시면, 됩니다!