프런트엔드 UI개발 WITH VUE.JS - Do it! 시리즈

김윤미

저자:김윤미

첫째마당HTML과CSS그리고반응형웹

01HTML과CSS복습하기
01-1HTML과시맨틱웹
01-2실무에서유용한HTML요소
01-3CSS기초문법복습하기
01-4스타일을적용할요소선택하기

02실무에서유용한CSS패턴알아보기
02-1박스모델이해하기
02-2CSS속성알아보기
02-3가상요소알아보기

03레이아웃과반응형웹
03-1요소의흐름을지정하는속성ㅡfloat
03-2레이아웃을위한속성ㅡflex
03-3반응형웹만들기
03-4반응형웹은미디어쿼리로만만들까?

둘째마당웹프로그래밍

04자바스크립트프로그래밍
04-1자바스크립트의역할
04-2자바스크립트기본문법
04-3제어문
04-4배열
04-5반복문
04-6Node.js설치하기

05Vue.js프로그래밍
05-1싱글페이지애플리케이션개발
05-2Vue.js프레임워크소개
05-3라우터
05-4컴포넌트만들기
05-5템플릿문법
05-6주요속성
05-7UI프레임워크소개

셋째마당SPA만들기

06프로젝트환경설정하기
06-1프로젝트환경설정하기
06-2프로젝트폴더살펴보기

07SPA기본골격만들기
07-1기본레이아웃만들기
07-2헤더영역만들기
07-3메뉴데이터만들기
07-4푸터영역만들기
07-5반응형으로만들기

08로그인/회원가입대화상자만들기
08-1부트스트랩뷰란?
08-2부트스트랩뷰컴포넌트
08-3부트스트랩아이콘
08-4로그인대화상자만들기
08-5회원가입대화상자만들기

09메인콘텐츠만들기
09-1메인콘텐츠레이아웃만들기
09-2분야별새로나온도서영역만들기
09-3도서검색만들기
09-4배너메뉴만들기
09-5공지사항만들기

10서브페이지레이아웃만들기
10-1메뉴고정하기
10-2서브페이지레이아웃만들기

11도서소개페이지만들기
11-1도서목록만들기
11-2도서기본정보만들기
11-3도서상세탭메뉴만들기
11-4동적라우팅으로구현하기

12SPA완성하기
12-1자료실/동영상강의페이지만들기
12-2교재샘플페이지만들기
12-3회사소개페이지만들기

찾아보기

▶웹사이트를통째로만들어보면서실무감각을익힐수있어요
HTML과CSS는복습하는차원으로실무에서유용한내용만다뤘으며,자바스크립트와Vue.js또한핵심문법위주로이론공부에대한부담을줄였습니다.그대신실무에서자주사용하는코드패턴에집중하였으며,웹사이트를만드는실습과정을상세히설명하여'러닝바이두잉(learningbydoing,직접해보며배우기)'으로실무감각을익힐수있도록구성했습니다.
▶17년차프런트엔드개발자의작업방식그대로따라해보세요!
개발환경설정부터폴더와파일을만들고코드를어떻게작성하는지웹사이트개발의전체과정을저자가실무에서작업하는방식그대로본문에옮겨놓았습니다.또한중간중간‘알아두면좋아요’,‘실무코칭’등저자가개발현장에서직접몸으로배워얻은노하우까지덤으로챙길수있습니다.
▶나만의포트폴리오를만들어보세요
HTML,CSS의기본지식이있지만웹사이트전체를만들어본경험이없다면이책의실습을따라해보세요.단순히태그사용법을넘어서프런트엔드웹개발의전체흐름을파악할수있습니다.책에서제공하는출판사홈페이지전체소스를활용하면개인홈페이지,프로모션사이트,쇼핑몰등나만의포트폴리오를만들수도있습니다.
▶웹디자이너,퍼블리셔,개발자모두에게도움이돼요
웹디자이너라면자신이디자인한사이트를HTML문서로작성하고CSS로꾸미는방법을배울수있으며,퍼블리셔라면자바스크립트와Vue.js로데이터를바인딩하여동적인UI만들기에도전해볼수있습니다.또,개발자라면사용자화면의레이아웃을어떻게설계하는지배워자신이작성한비즈니스로직과연결할수있습니다.
▶웹프런트엔드UI개발의기본기를다지세요
다양한화면크기에최적화하는반응형디자인은물론,Vue.js로HTML요소에데이터를바인딩하고컴포넌트에기반한라우팅을구현합니다.또한부트스트랩뷰로화면구성하기,캐러셀컴포넌트로롤링콘텐츠구현하기등모던웹을만들때자주사용하는기술을익힐수있습니다.
▶혼자공부해도OK,빠르게결과물을만들어보는단기교육에도OK
독학하는사람,학교나학원에서배우는사람모두책에서제공하는진도표에목표날짜를적어서자신만의속도로웹사이트를만들어보세요.목표를세우면완독할확률이높아집니다.

▶베타테스터후기
조유성|(주)스트라토프런트엔드개발자:프런트엔드개발자가실무에서바로쓸수있도록개념,동작원리등이잘설명되어있습니다.개념을설명한후에바로실습을진행하니빠르게이해됩니다.실습을응용하면개인포트폴리오로활용할수있을것같아요.
윤정미|KB부동산퍼블리셔:Vue.js구문설명은물론,코드를어디에작성해야할지하나하나친절하게알려주어좋았어요.또한HTML,CSS와반응형해상도를상세히설명해줘서도움이되었어요.Vue.js프로젝트를처음접하는분도웹사이트를쉽게완성할수있을것같아요.
국순호|(주)아이뱅크퍼블리셔팀장:템플릿을만들고데이터를바인딩하는내용이쉽게설명돼있습니다.실습으로라우터와Vue.js문법등을명확하게이해할수있게됐어요.
신수지|KB부동산퍼블리셔:이론부분에서는원리를간결하면서도명확하게알려주어좋았고,실습부분에서는실무에유용한정보가많아서좋았습니다.

▶감수자후기
고경희|웹분야1위도서《Doit!HTML+CSS+자바스크립트웹표준의정석》저자
웹사이트하나를통째로만들어보면서실무감각을익힐수있는책입니다.HTML과CSS를주로사용하던웹디자이너나퍼블리셔에게자바스크립트와Vue.js를빠르게학습하여실무에적용할수있도록돕습니다.:

▶이책의대상독자
-웹디자이너가퍼블리셔나프런트엔드개발자로전향하려고할때
-웹퍼블리셔가자바스크립트나Vue.js기술을배우고싶을때
-웹개발자가화면UI를설계하고꾸미는방법을배우고싶을때
-프런트엔드실무교육에서교재로사용가능

▶이지스퍼블리싱독자학습지원
※소스파일:이지스퍼블리싱홈페이지→[자료실]에서책이름으로검색