CSS Flex와 Grid 제대로 익히기
현재, 그리고 미래의 표준이 될 CSS 레이아웃 작성 방식인 Flex와 Grid에 대해 배울 수 있습니다.
[2021년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
2021년 12월말까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강으로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다.
몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
짧은 시간에 실무에서 가장 많이 사용하는 인터랙티브 스킬을 알려드립니다.
퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)
코딩웍스가 다년간의 강의 노하우를 집대성한 자체제작 HTML+CSS+FLEX+JQUERY 퍼블리싱 핵심 이론서 교재. 불필요한 내용없이 딱! 필요한 핵심 내용만 정리된 최고의 퍼블리싱 이론교재. 퍼블리싱 입문을 위한 핵심 이론서 PDF 교재와 예제파일 다운로드 컨텐츠입니다.
반응형 웹사이트 포트폴리오(Architecture Agency)
HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. (반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식입니다. 현재로서는 기존 웹사이트가 기존 방식으로 제작된 레이아웃이 대부분이기 때문에 Flex와 Grid도 학습해야 하지만 기존 방식 레이아웃을 반드시 학습하시고 잘 사용해야 합니다.)
HTML+CSS+JQUERY 포트폴리오 실전 퍼블리싱
HTML+CSS+JQUERY 초중급 퍼블리싱으로 다양한 실전 예제 학습을 통해 퍼블리싱 중급 실력을 위한 퍼블리싱 기본기를 익히시게 됩니다. 특히, 다양한 실전 예제를 통해 충분한 설명과 실전 작업으로 경험하고 퍼블리싱에 자신감을 생깁니다. 35시간이 넘는 충분한 학습량을 제공하는 퍼블리싱 수업입니다. (코딩웍스 유튜브 퍼블리싱 채널에 CSS 중급이론 학습을 병행하시면 더욱 효과적입니다.)
플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
플렉스(Flex) 반응형 웹사이트 퍼블리싱 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 할 수 있습니다. 또한 플렉스(Flex) 기초부터 응용 나아가 실전 UI 제작 강의가 충실합니다. 플렉스(Flex) 이론과 실전예제 그리고 반응형 웹사이트 제작과정이 20시간 이상으로 실전 경험 못지 않은 실력과 자신감을 갖게 됩니다.
반응형 웹사이트 포트폴리오(App Official Landing Website)
반응형 웹사이트 포트폴리오(App Official Landing) 제작 과정은 HTML+CSS+JQUERY 퍼블리싱으로 반응형 웹사이트 전체 제작과정을 통해 퍼블리싱 중급 실력으로 가는 기본기를 단단히 하고 실전 퍼블리싱의 노하우를 갖게 됩니다. 특히, 웹사이트 전체 제작과정을 충분한 설명과 실전 작업으로 경험하고 개인 포트폴리오 웹사이트 제작에 자신감을 갖게 됩니다. 필수로 사용해야 하는 제이쿼리 플러그인으로 Scroll Reveal Animation과 Slick 슬라이더 사용법을 학습합니다. 반응형 제작 방식은 기존 방식의 float와 position을 이용한 반응형 레이아웃 제작 방식으로 제작합니다. 하지만 어느 특정 요소에서는 Flex를 사용하는 부분도 있습니다.
인터랙티브 웹 개발 제대로 시작하기
크리에이티브 넘치는 인터랙티브 웹페이지를 개발할 수 있는 기본기를 다질 수 있는 수업입니다.
3D리플릿 만들기 - 인터랙티브 웹 프로젝트
인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.
그리드(Grid) 핵심이론 및 실전 활용
최고의 반응형 레이아웃 제작 방식, CSS 그리드~!! 그리드(Grid) 핵심이론 및 실전 활용 예제를 통해서 CSS 그리드를 완벽하게 이해하실 수 있습니다. 또한 핵심이론을 활용한 다양한 실전 예제가 있으니 실무 활용을 위한 충분한 연습도 할 수 있습니다. 그리드 핵심이론은 영상뿐만 아니라 PDF 교재로 다운받으실 수 있습니다. 중급 퍼블리셔가 되기 위한 필수 코스인 CSS 그리드 핵심이론과 실전 활용을 익히시면 취업뿐만 아니라 퍼블리셔로서 실무에서 충분한 경쟁력을 가지실 수 있습니다.
실전! 웹사이트제작! Step by Step! (뮤자인_반응형웹)
[웹사이트제작 Step By Step] 3단계 강의로, 뮤자인(https://musign.net) 메인페이지를 그대로 제작해 보는 과정입니다. 사이트에서 담고 있는 화려한 인터렉티브 웹을 그대로 제작, 구현해 보는 과정으로 복잡한 레이아웃도 쉽고 빠르게 제작하는 실무 핵심 노하우를 그대로 알려드립니다^^
실전! 웹사이트제작! Step by Step! (대방산업_InteractiveWeb)
[웹사이트제작 Step By Step] 3단계 강의로, 대방산업 메인페이지를 그대로 제작해 보는 과정입니다. 사이트에서 담고있는 화려한 인터렉티브 웹을 그대로 제작 구현해 보는 과정으로 화려한 만큼, 난이도가 있는 강의입니다.
퍼블리셔 취업 진짜 실전 가이드
퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.
실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)
HTML5와 CSS3를 활용하여 웹사이트(한화캐미컬/솔루션)를 제작 실습과정으로, PC 모드 레이아웃과 반응형 페이지 제작을 완벽히 이해하고, 활용할 수 있는 실전! 웹페이지 제작 ! Step by Step!의 Basic Course 강좌입니다. (강의 완성 파일 첨부!)
실전! 웹사이트제작! Step by Step! (와이스튜디오_반응형웹)
실전! 웹사이트 제작! Step By Step의 Applcation Course로 html/ CSS/ jQuery 와plug_in을 사용하여 와이스튜디오(http://www.ystudio.co.kr/) 의 메인페이지를 그대로 제작해 보는 과정입니다. (강의 완성 파일 첨부!)
쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수
쉽게 만드는 반응형 웹 실무 포트폴리오! #설화수 포트폴리오
실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)
[웹사이트제작 Step By Step] Basic-course로, 돕다(http://dopda.co.kr/) 메인페이지를 그대로 제작해 보는 과정입니다. 본 Basic Course는 CSS 레이아웃 제작과 애니메이션에 대해 다루며, 이어서 Application-course에서는 이미지슬라이드 효과, 반응형제작, 스크롤 애니메이션, Fix Header 등의 인터렉티브 요소를 추가하여 개설될 예정입니다. (이 강의는 추후 유료로 전환됩니다.)
컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1
일반인에게 프로그래밍을 알려주는 생활코딩의 이고잉님이 진행한 크라우드펀딩 강좌 Web 1 입니다. 웹의 근간이 되는 HTML 로 웹페이지를 직접 만들어 보며, 누구나 코딩을 접해볼 기회를 가질 수 있는 강의 입니다.
실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Application Course)
돕다 사이트 제작 Application Course로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. 무료 강의로 오픈한 돕다 사이트 Basic Course의 Layout과 Animation 위주의 단순한 구조의 코딩에서 Fixed header, Image Slider, Mobile navigation, Scroll Animation, 반응형 등을 추가하며 코딩 하나하나를 수정보완하며 완성해가는 웹페이지 제작 실전! 강의입니다. (본강의는 반드시 돕다-Basic Course(무료강의)를 들으시고 수강하셔야 학습 효과가 크다고 볼 수 있습니다.)
쉽고! 짧고! 강하게! 준비하는 웹디자인기능사 실기
웹디자인기능사 실기 시험을 준비하시는 분들에게 짧고 쉽게 배우는 강좌를 준비했습니다. 단지 시험 때문이 아니더라도, 웹표준 양식에 맞는 사이트 구현에 관심있으신 분이라면 환영합니다.
웹디자인기능사 실기 문제풀이 A-1
웹 디자인 기능사 실기시험을 충실하게 준비합니다. 다양한 방법으로 문제를 해결합니다.
퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준
웹표준 기초인 html과 css를 마스터하고 실전 웹페이지를 제작해 봅니다. 그때 그때 '그럴 것같은' 이 아니라 제대로 된 퍼블리싱 개념과 방법을 배워 퍼블리셔가 될 수 있습니다.
웹 개발 슈퍼 기초 (HTML, CSS, Javascript)
코딩을 처음 해볼까 라고 생각하신 분들을 위한 아주아주 기초적인 웹 개발에 대한 내용입니다.
윤재성의 Bootstrap 4 & 3 Framework Tutorial
부트스트랩4 를 위해 HTML5 웹 프레임워크 라이브러리,CSS 클래스를 통한 웹 애플리케이션 Front End 개발 할수 있다.
윤재성의 처음 시작하는 CSS & CSS3 Tutorials
CSS & CSS3 가장 쉽게 익히 실수 있을 것입니다. 자자 화이팅!! 입니다.
실전! 웹사이트제작! Step by Step! (한국소비자원 소비자시대- 레이아웃제작 기초)
[웹사이트제작 Step By Step] 초급 강좌로, 한국소비자시대 웹진(현재는 리뉴얼 됨) 메인페이지를 그대로 제작해 보는 과정입니다.
배웠는데 못 쓰겠는 CSS 구출기
배웠지만 못 쓰겠는 CSS, 그 아이러니를 탈출하도록 도와주는 강좌입니다.
CSS에 날개를 달아주는 Sass (SCSS)
스마트한 CSS의 작성! Sass (SCSS) Sass (Syntactically Awesome Style Sheets)
만들면서 배우는 HTML/CSS
자기 자신을 소개하는 심플한 포트폴리오를 만들어보면서 HTML 태그로 구조를 만드는 방법과 CSS 속성으로 웹 페이지를 꾸미는 방법을 배워봅니다.
퍼블리셔, 신입 프론트 개발자를 위한 실무에서 써먹는 실전 jQuery 설명서
다양한 jQuery 기능 중, 실무에 주로 사용되는 기능들을 알려드립니다. 손쉽게 HTML 을 제어하고 여러가지 기능을 줄 수 있는 jQuery. 셀렉터, 이벤트, ajax 등 실무에 필요한 여러 jQuery 기능들을 배워보세요. 퍼블리셔, 웹디자이너, 초급프론트개발자에게 매우 좋은 강좌입니다.
실전 HTML & CSS 강좌
Web을구성하고있는HTML5 과 CSS3 를 다루는 강좌 입니다.
실전! 웹사이트제작! Step by Step! ('라한호텔' 사이트제작_Application Course)
'호텔 현대라한_목포점' 사이트 제작으로, 실제 웹사이트 메인페이지를 그대로 제작·구현해보는 강의입니다. html/css기초 지식이 있는 분들을 대상으로 html Markup과 Layout제작에 대한 이해는 물론 Fixheader, Image Slider, MenuOpen Bar, Scroll Animation 제작까지의 웹에서 꼭 필요로한 skill을 배울 수 있는 웹페이지 제작 실전! 강의입니다.
웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1
기초는 이제 그만~! 실제 사이트를 제작해보고 그안에서 html과 css가 어떻게 조화롭게 제작되는지 알아보세요~
공도리의 HTML5와 CSS3를 이용한 홈페이지 개발
HTML5와 CSS3를 이용해 간단한 홈페이지를 제작하는 방법을 다루는 수업입니다.
Do it! 반응형 웹 디자인 - 저자 동영상 강좌
Do it! 반응형 웹 디자인 저자의 동영상 강좌 입니다.
쉽게 만드는 웹페이지 - IUEditor 사용법
IUEditor는 반응형 웹사이트개발에 필요한 프론트엔드 코드를 자동으로 생성해 주는 웹에디터입니다. IUEditor 사용법을 알아봅니다.
Doit! HTML5 + CSS3 웹 표준의 정석 (전면 개정 1판-2019)
기초부터 반응형 웹까지 HTML 권위자에게 정석으로 배울 기회입니다.