Thumbnail
BEST 개발 · 프로그래밍 웹 개발
그리드(Grid) 핵심이론 및 실전 활용
(4.9)
7개의 수강평 ∙ 114명의 수강생

38,500원

지식공유자 : 코딩웍스(Coding Works)
총 68개 수업˙총 11시간 46분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
내 목록 추가 425 공유
코딩웍스(Coding Works) 프로필
코딩웍스가 열심히 만든 새로운 강의가 오픈되었습니다.
코딩웍스(Coding Works) 2달 전

안녕하세요. 코딩웍스입니다.
코딩웍스가 열심히 만든 새로운 강의가 오픈되었습니다.

새롭게 오픈한 강의 제목은 [면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작] 입니다.

개인 지도를 받듯 상세하고 꼼꼼하게

신입 퍼블리셔로 면접 연락을 자주 받고 빠르게 취업할 수 있는 개인 포트폴리오 홈페이지 제작 과정을 현장 경험과 노하우를 총동원해 상세하고 체계적으로 알려드립니다. 퍼블리셔 취업 포트폴리오 준비를 위한 다양한 콘텐츠를 개인 지도를 받듯 상세하고 꼼꼼하게 코딩웍스의 노하우를 모두 담았습니다.

취업 포트폴리오 준비를 위한 다양한 콘텐츠

이번 '퍼블리셔 개인 포트폴리오 홈페이지' 제작 강의는 총 19시간 이상의 다양한 컨텐츠의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

코딩웍스의 노하우를 모두 담았습니다

코딩웍스가 최근 3년간 국비 웹 퍼블리싱 과정 강사를 하면서 200여명의 학생들에게 퍼블리싱 교육을 하고 수료 전 취업을 위한 개인 포트폴리오 홈페이지 제작 지도를 했습니다. 그 노하우가 이번 강의에 모두 담겨 있습니다. 19시간이 넘는 강의 분량뿐만 아니라 실무에서 퍼블리셔로 인정받는 방법은 물론, 개인 포트폴리오 홈페이지 제작을 하는 방향성과 자신감을 심어드리는 컨텐츠가 담긴 강의입니다.

▼ 강의 상세 내용은 아래 링크를 참고하세요.

[면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작]

코딩웍스(Coding Works) 프로필
[비주얼스튜디오코드에서 CSS 수정할 때 위로 올라가는 Full Reload 방지] 영상이 업데이트 되었습니다.
코딩웍스(Coding Works) 4달 전

안녕하세요. 코딩웍스입니다.

[비주얼스튜디오코드에서 CSS 수정할 때 위로 올라가는 Full Reload 방지] 영상이 업데이트 되었습니다.

비주얼스튜디오코드(Visual Studio Code) 사용할 때 가장 아쉬웠던 점이 CSS를 수정하면 자동저장(Auto Save) 되면서 리로드(Reload) 되고 스크롤이 가장 상단으로 올라가는 것 입니다. 이걸 방지하는 방법을 찾다가 드디어 찾아서 영상으로 만들었습니다.
간단한 세팅이니 꼭! 확인해보시기 바랍니다.

그리고 Brackets의 숨은 기능인 '태그 감싸기' 사용법을 알려드립니다. '태그 감싸기' 기능이란 텍스트의 일정 부분을 블록으로 지정하고 태그 감싸기를 하면 감쪽 같이 태그가 감싸지는 Brackets의 기본적으로 퍼함된 깜찍한 기능입니다.

역시 Brackets의 '태그 감싸기' 기능과 같은 기능을 하는 비주얼스튜디오코드(Visual Studio Code) 필수 익스텐션 사용법을 알려드립니다.

섹션 1. 블라켓츠(Brackets) & 비주얼스튜디오코드(Visual Studio Code) 사용법

비주얼 스튜디오 코드에서 CSS 수정할 때 위로 올라가는 Full Reload 방지

코딩웍스(Coding Works) 프로필
반응형 웹사이트 포트폴리오(App Official Landing Website) 오픈되었습니다.
코딩웍스(Coding Works) 5달 전

안녕하세요. 코딩웍스 수강생 여러분~

추운 날씨에 건강 관리는 잘 하고 계시지요.

지난번에 예고했던 반응형 웹사이트 포트폴리오(App Official Landing Website) 오픈되었습니다.

이번 강의는 순수 CSS로 배치하고 Scroll Reveal Animation으로 스크롤할 때 CSS 애니메이션이 시작되는 방식의 반응형 레이아웃 웹사이트입니다.

제작 강의는 12시간 정도 됩니다. 그리고 제작강의를 제외하고 [필수 제이쿼리 플러그인 사용법 및 CSS 필수 핵심이론] 강의도 9시간 이상의 영상으로 자세하게 준비되어 있습니다.

아래 링크로 들어가시면 상세한 강의소개를 보실 수 있습니다. 감사합니다.

https://www.inflearn.com/course/반응형웹-포트폴리오-퍼블리싱

코딩웍스(Coding Works) 프로필
곧 오픈할 반응형 웹사이트 제작 강의 소개입니다.
코딩웍스(Coding Works) 5달 전

안녕하세요. 코딩웍스입니다..

2020년 힘든 한 해를 보내고 있지만 잘 이겨내시고 있으리라 믿습니다.

코딩웍스 수강생 여러분께 화이팅 하시라고 말씀드리고 싶습니다.

2021년 1월 둘째 주에 '반응형 웹사이트 제작 강의'를 공개하려고 준비하고 있습니다.

얼마전에 UI 디자인 끝내고 지금은 퍼블리싱 작업 중입니다.

퍼블리싱 작업이 끝나면 영상 레코딩하려고 합니다.

이번 반응형 웹 사이트는 스타트업메이트라는 가상의 앱 개발 회사의 공식 랜딩페이지 입니다.

강의 공개되면 잘 따라오시고 그다음에 퍼블리셔 취업을 위한 개인 포트폴리오 홈페이로 변환하시기 바랍니다.

---------------------------------------------------------------------------------------

이번 강의의 특징을 간단히 소개합니다.

반응형 웹사이트 제작 과정 영상 뿐만 아니라 포토샵 UI 디자인 파일(PSD) 파일도 제공합니다.

그리고 웹사이트 제작을 위한 필수 제이쿼리 플러그인 사용법, 미디어쿼리, 폰트아이콘 사용법, 필수 제이쿼리 핵심이론 등 다양한 부가 영상도 첨부될 계획입니다.

필수 제이쿼리 플러그인 사용법 및 필수 이론

01. [제이쿼리 플러그인] 이미지 슬라이드쇼 (Vegas Background Slide Show)
02. [제이쿼리 플러그인] 콘텐츠 슬라이더 사용법 (Slick Slider)
03. [제이쿼리 플러그인] 타이핑 텍스트 애니메이션 사용법
04. [제이쿼리 플러그인] 스크롤하면 시작되는 애니메이션(Scroll Reveal Animation)
05. 요소의 정렬과 배치를 위한 Flex & Grid 핵심이론
06. 반응형 웹 제작을 위한 미디어 쿼리(Media Query)
07. 폰트 아이콘 사용법(FontAwesome, XEICON)
08. 웹 폰트 사용법(구글 웹 폰트, 눈누 한글 웹 폰트)
09. 웹사이트 제작 필수 제이쿼리 핵심이론(클래스 제어, 요소 탐색, 요소의 이펙트 효과)

---------------------------------------------------------------------------------------

2021년 1월 둘째주에 '반응형 웹사이트 제작 강의'를 오픈을 위해 열심히 작업 하겠습니다.

여러분도 지금 수강하신 강좌 열심히 듣고 복습 응용해주세요.

그럼 강의 오픈되면 또 소식 전하겠습니다.

코딩웍스 수강생 여러분~! 언제나 건강하시길 바랄게요.

그리고 여러분이 미래를 위한 지금의 노력과 정성이 곧 좋은 결과로 보답할 거라 생각합니다.

▼ 반응형 웹사이트 제작 강의 UI 디자인 미리보기

코딩웍스(Coding Works) 프로필
안녕하세요. 코딩웍스입니다.
코딩웍스(Coding Works) 6달 전

안녕하세요. 코딩웍스입니다.

살면서 상 받아 본적이 없는데 상 받았습니다.
2020 인프런 연말 어워드... 
강의 편에서 '슈퍼 롱 왕꿈틀이 상'을 받았습니다.
상품은 없지만 너무 기쁘네요.

수강생 여러분께 감사드립니다~^^

참.. 건강에 특히 유의하시기 바랍니다.

▼ 2020 인프런 연말 어워드 자세히 보기
https://www.inflearn.com/pages/2020-award

코딩웍스(Coding Works) 프로필
[입문~중급] 퍼블리셔 취업 준비부터 반응형 포트폴리오 제작까지 로드맵(Road Map)
코딩웍스(Coding Works) 7달 전

[입문~중급] 퍼블리셔 취업 준비부터 반응형 포트폴리오 제작까지 로드맵(Road Map)

퍼블리셔 취업 준비를 하는 분들이 가장 힘든 건 퍼블리싱 스킬을 익히고 개인 홈페이지 포트폴리오를 제작하는 것이 아닙니다. 가장 힘든 건 바로 어디서부터 어떻게 무엇을 준비할지 전혀 알 수 없어서 막막한 것입니다. 계획과 로드맵이 없는 상태에서 열심히 공부한다는 것만으로는 큰 시행착오를 불러올 수 있는 위험부담이 큽니다.

학습 로드맵과 양질의 가이드 없이 독학하시거나 유튜브에서 이 사람 저 사람 강의를 듣는 건 체계적인 퍼블리싱 기본기를 갖추는데 좋지 않다고 생각합니다. 돈 낭비, 시간 낭비 특히 열정 낭비를 할 수 있는 소지가 많습니다. 그래서 시작은 했는데 퍼블리싱에 대한 흥미와 동기가 떨어져서 포기하는 경우를 자주 봤습니다.

코딩웍스 퍼블리싱 강좌 로드맵은 퍼블리셔 취업 실전 가이드부터 개인 포트폴리오 홈페이지를 위한 반응형 웹사이트 제작까지 준비되어 있습니다.

취업을 위한 퍼블리싱 실력 향상부터 실무 퍼블리셔가 제작하는 매끄러운 방식, 깔끔한 코딩 노하우를 배우시게 됩니다.

▼ 퍼블리셔 취업을 위한 코딩웍스 퍼블리싱 강의 로드맵

https://www.inflearn.com/roadmaps/371

코딩웍스(Coding Works) 프로필
그리드(Grid) 핵심이론 및 실전 활용 예제 강의가 오픈했습니다.~!
코딩웍스(Coding Works) 7달 전

안녕하세요. 코딩웍스입니다.

그리드(Grid) 핵심이론 및 실전 활용 예제 강의가 오픈했습니다.

아시겠지만 그리드는 반응형 레이아웃 제작을 위한 가장 최선이고 최고의 방법으로 평가 받고 있습니다.
그리드 속성 핵심이론을 모두 빠짐없이 PDF로 정리했고, PDF 교재를 기준으로 그리드 속성을 사용하는 방법을 실습하는 영상도 충실히 준비되어 있습니다. 또한, 그리드(Grid) 핵심이론 학습 후 실전 활용 예제까지 영상으로 준비되어 있으니 그리드에 관심있는 퍼블리셔에게 좋은 강의가 될거라 생각합니다.

모든 속성을 설명한 그리드(Grid) 핵심이론 PDF 교재와 실전 활용 예제 PDF 교재도 다운로드 받으실 수 있습니다.

신규강의 오픈 기념으로 2주간 20% 할인됩니다. 많은 관심 부탁드립니다. 감사합니다~^^

▼ 강의소개 바로가기

https://www.inflearn.com/course/css-그리드-반응형웹

38,500원

내 목록 추가 425 공유
지식공유자 : 코딩웍스(Coding Works)
총 68개 수업˙총 11시간 46분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스