성장의 계절, 모든 강의 30% 할인!

Thumbnail
진짜 시작, 봄맞이 30% 할인 중(D-8)
BEST
개발 · 프로그래밍 웹 개발

플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities) 대시보드

(5)
34개의 수강평 ∙  488명의 수강생

30%

38,500원

55,000원
지식공유자: 코딩웍스(Coding Works)
총 101개 수업 (23시간 40분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유
코딩웍스(Coding Works) 프로필
Tailwind CSS 강의가 새롭게 오픈되었습니다.
코딩웍스(Coding Works) 6일 전 (6일 전 수정됨)

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

이번에 코딩웍스가 심혈을 기울여서 만든 Tailwind CSS 강의가 오픈되었습니다.
코딩웍스가 만든 Tailwind CSS 강의는 [Tailwind CSS로 개발자가 만드는 멋진 UI 스타일링]라는 제목으로 만든 것 처럼 개발자가 퍼블리싱을 할 때 퍼블리셔 못지 않게 예쁜 UI 스타일링을 할 수 있는 부분에 가장 초점을 맞췄습니다.

[Tailwind CSS로 개발자가 만드는 멋진 UI 스타일링] 강의는 현재 가장 핫한 프레임워크인 Tailwind CSS를 이론부터 실전 반응형 웹사이트까지 19시간 이상의 수업시간으로 충실하게 다루고 있습니다. 수업 시간이 길다고 좋은 강의는 아닙니다. 하지만 해당 강의는 시간도 길고 강의도 좋다고 자부합니다. 특히, Tailwind CSS 모든 이론을 8시간 30분 동안 상세하게 다루기 때문에 CSS 이론이 부족한 사람에게 CSS 이론을 충실히 학습할 수 있습니다.

imageTailwind CSS는 CSS Frameworks Ranking에서 현재까지 꾸준히 인기를 누리고 있고, 만족도 1위를 하고 있는 Tailwind CSS는 요즘 전 세계적으로 가장 핫한 CSS 프레임워크입니다. 핫한 이유 중에 가장 대표적인 것이 바로 유틸리티 클래스를 사용한 창의적인 스타일링을 할 수 있고 또한, 좋은 퀄리티의 디자인을 만들기 위한 작업 시간이 꽤 빠르다는 점이라 생각됩니다.

이론 수업 뿐만 아니라 Tailwind CSS로 만드는 실전 예제들 그리고 개발자 경력 이력서 & 포트폴리오 소개 반응형 웹 제작도 충실하게 배우시고 결과물을 얻으실 수 있습니다.

강의소개 및 무료강의 보러가기 : https://inf.run/pjqKk


image

코딩웍스(Coding Works) 프로필
[새로운 강의 오픈 소식] SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
코딩웍스(Coding Works) 8달 전 (8달 전 수정됨)

안녕하세요. 코딩웍스입니다.
이번에 새롭게 <SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma> 강의가 오픈되었습니다.

SCSS(SASS)와 FLEX Layout을 실전에 완벽하게 활용합니다! 피그마로 전체 웹사이트의 메인 페이지 및 핵심 서브 페이지 UI를 디자인하고, 일관성 있는 클래스네임과 함께 HTML 와이어프레임 구조를 만들어 퍼블리싱까지 완료하는 체계적인 반응형 웹 사이트 프로젝트 제작 과정입니다. 총 35시간 이상의 과정 속에서 핵심 이론 및 실무 활용 능력을 충분히 익히고, PC - 모바일 - 태블릿 대응 반응형 레이아웃을 설계 및 제작하면서 반응형 웹 프로젝트에 대한 경험과 노하우는 물론 제이쿼리(jQuery) 핵심 이론 및 실무 활용 능력까지 대폭 향상시키게 됩니다.

🚩 강의소개 보러가기 : https://inf.run/TH3b

image"SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 강의로 체계적인 반응형 웹 사이트 프로젝트 제작 능력 완성"

SCSS(SASS)와 FLEX를 실전에 완벽하게 활용합니다! 

Point 1. 피그마(Figma)로 SCSS(SASS)+FLEX 웹사이트 UI 디자인 제작
Point 2. SCSS(SASS)+FLEX 웹사이트 HTML 와이어프레임 모든 페이지 상세한 제작
Point 3. SCSS(SASS)+FLEX를 활용한 다양한 다수의 웹 페이지 퍼블리싱 제작
Point 4. PC, 모바일, 태블릿 대응 반응형 레이아웃 설계, 제작 그리고 완벽한 퍼블리싱 작업까지
Point 5. 반응형 웹 프로젝트 제작을 위한 제이쿼리 핵심 이론 및 실무 활용 능력

코딩웍스가 지금까지 수많은 오프라인 학원과 개인 포트폴리오 홈페이지 제작 과정에서 수업한 중상급 퍼블리싱 제작 노하우가 담겨 있습니다. 특히 SCSS(SASS)+FLEX를 기본으로 제작하는 반응형 웹 퍼블리싱 프로젝트라서 SCSS(SASS)+FLEX 능력을 최대한으로 끌어올릴 수 있습니다.
완강 후 한층 향상된 중상급 반응형 웹 퍼블리싱 능력을 갖게 되실 거라고 확신합니다!

image

코딩웍스(Coding Works) 프로필
[오프라인 강의 오픈] 퍼블리셔 취업 개인 포트폴리오 제작 및 바닐라 자바스크립트 강좌
코딩웍스(Coding Works) 2023.03.14

[오프라인 강의 오픈] 퍼블리셔 취업 개인 포트폴리오 제작 및 바닐라 자바스크립트 강좌

안녕하세요. 코딩웍스입니다.
코딩웍스가 올해 4월부터 시작하는 오프라인 강의를 소개합니다.
이번에 <퍼블리셔 취업을 위한 개인 포트폴리오 제작 및 바닐라 자바스크립트 강좌>를 오프라인으로 진행합니다.

이번에 오픈하는 오프라인 강의 특징은 6주과정 동안 퍼블리셔 직군으로 빠른 취업과 경쟁력 있는 면접을 볼 수 있는 역량을 기릅니다. 구체적으로 퍼블리셔 취업을 위해 필수인 개인 포트폴리오 홈페이지를 코딩웍스의 개인 지도를 받으면서 6주 동안 정말 괜찮게 완성합니다.

수업내용은 코딩웍스가 지난 국비 퍼블리싱 학원에서 수료하기 전 한달 동안 진행했던 <개인 포트폴리오 홈페이지 제작> 커리큘럼을 그대로 진행합니다. 물론 국비 퍼블리싱 학원 학생들처럼 학원에서 작업하는 시간을 많이 할애할 수는 없지만 이런 부분을 커버하기 위해 매주 진행해야 할 작업량을 개인별로 제시하고 다음주에 세밀하게 체크합니다. 국비 퍼블리싱 학원 때는 학생들이 많아서 개인별로 체크 & 피드백을 하는 부분이 제한적이지만 이번에는 소그룹으로 진행하기 때문에 수강생 개인에 맞게 거의 1:1로 수정 보완을 코딩웍스와 함께 하게 됩니다.

특히 이번 오프라인 수업은 자바스크립트 기초부터 핵심까지 현업에서 개발자와 협업을 위한 순수 자바스크립트 실력도 갖추게 됩니다. 요즘 퍼블리셔 채용에서 순수 자바스크립트(Vanilla JavaScript)에 대한 이해도와 결과물을 개인 포트폴리오 홈페이지와 이력서에 스킬로 보여주는 것이 매우 중요합니다. 중요할 뿐만 아니라 채용과정에서 필수 능력이 되었습니다. 그래서 자바스크립트 모든 이론과 함께 이론 수업 단계별로 중간에 스몰미션(Small Mission)으로 해당 이론을 실제 예제를 통해서 완벽하게 이해하는 과정을 거치게 됩니다. 그리고 이렇게 스몰미션으로 만든 [자바스크립트(Vanilla JavaScript) 실전 예제] 결과물은 개인 포트폴리오 홈페이지에 자바스크립트 작업물로 올립니다. 이런 자바스크립트 작업물을 통해서 퍼블리셔 지원자의 자바스크립트 능력을 구제척으로 인사 담당자에게 보여줄 수 있기 때문에 타 지원자에 비해 큰 경쟁력을 가지게 됩니다.

더 상세 내용은 코딩웍스 블로그에서 확인하세요.

■ 오프라인 강의 상세 보기 : https://www.inflearn.com/blogs/3210

코딩웍스(Coding Works) 프로필
2022년 12월 7일까지 인프런 코딩웍스 모든 강의를 20% 할인합니다.
코딩웍스(Coding Works) 2022.12.03

안녕하세요. 코딩웍스입니다.
날씨가 많이 추워집니다. 코딩웍스 수강생 여러분 모두 건강에 유의해주세요.

2022년 12월 7일까지 인프런 코딩웍스 모든 강의를 20% 할인합니다.
퍼블리셔 취업과 이직을 위한 입문부터 중상급 스킬과 포트폴리오 제작 과정 등 다양한 강의가 있습니다.

코딩웍스 인프런 강의 보러가기 : https://www.inflearn.com/users/@codingworks


🌈인프런 코딩웍스 강의 목록

  • 모바일 웹 퍼블리싱 포트폴리오 with Figma

  • 퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)

  • 퍼블리셔 취업하는 훌륭한 이력서 작성 가이드

  • 최고의 프론트엔드 CSS Frameworks, UIkit

  • 중상급 퍼블리싱을 위한 CSS3의 모든 것

  • SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱

  • SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제

  • HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

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

  • 반응형 웹사이트 포트폴리오(App Official Landing Website)

  • 그리드(Grid) 핵심이론 및 실전 활용

  • 퍼블리셔 취업 진짜 실전 가이드(PDF)

  • 플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)

  • 반응형 웹사이트 포트폴리오(Architecture Agency)

  • HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

  • 퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)

  • 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

코딩웍스(Coding Works) 프로필
코딩웍스가 새로운 강의 <모바일 웹 퍼블리싱 포트폴리오 with Figma>를 오픈했습니다.
코딩웍스(Coding Works) 2022.09.29

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

코딩웍스가 새로운 강의 <모바일 웹 퍼블리싱 포트폴리오 with Figma>를 오픈했습니다.

 

퍼블리셔 취업과 퍼블리셔 실무에서 가장 경쟁력이 있는 모바일 웹 제작 능력을 향상할 수 있습니다. 퍼블리셔로서 모바일 웹을 제작하기 위한 거의 모든 제작 방법과 노하우를 다질 수 있습니다. 특히 요즘 퍼블리셔와 개발자에게 요구되는 디자인 능력을 피그마(Figma) 학습으로 많은 부분 커버할 수 있도록 피그마(Figma)로 모바일 웹 UI 디자인 작업을 하는 과정도 상세하게 설명하였습니다. 모바일 웹 퍼블리싱 수업에서 가장 강점인 부분인 HTML 와이어프레임 상세한 작성법을 모든 페이지 하나하나 상세하게 설명합니다. 강의를 통해 HTML 와이어프레임 제작 능력이 크게 향상될 것입니다. 모바일 웹 퍼블리싱은 CSS 변수(Var) 활용한 모바일과 태블릿에 맞춘 레이아웃을 완벽하게 맞추는 학습을 통해서 실무 작업과 대동소이한 정도의 작업 능력을 갖추게 됩니다. Flex 레이아웃을 중심으로 중상급 CSS 실전 능력을 충분히 갖추시게 됩니다.

 

image

"모바일 웹 UI 디자인 및 퍼블리싱 제작 필수 이론과 노하우, 체계적인 실전 제작"

Step 1. 피그마(Figma)로 모바일 웹 UI 디자인 제작
Step 2. 모바일 웹 HTML 와이어프레임 모든 페이지 상세한 제작
Step 3. CSS 변수(Var) 활용한 다양한 레이아웃의 다수 페이지 퍼블리싱 제작
Step 4. 완성된 퍼블리싱 결과물을 더 완벽하게 하는 퍼블리싱 마무리 작업

코딩웍스가 지금까지 수많은 오프라인 학원 학생들에게 수업한 모바일 웹 퍼블리싱 제작 노하우가 담겨 있습니다. 완강 후 한층 향상된 퍼블리싱 실력을 갖게 되실거라고 확신합니다!

얼리버드 할인 30% 진행중~!!

 

■ 강의소개 보러가기 : https://inf.run/9WSe

 

코딩웍스(Coding Works) 프로필
[강의 오픈 소식] 퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)
코딩웍스(Coding Works) 2022.08.10

안녕하세요. 코딩웍스입니다.
이번에 새로운 강의로 <퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)>를 오픈했습니다. 🌈

강의 특징으로 <퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)> 교재 내용은 인터넷에서 구글링 해서 구할 수 있는 내용과 자료가 아닙니다. 코딩웍스가 수년간 현장에서 300여 명의 학생에게 퍼블리싱 이론, 실전, 개인 포트폴리오 홈페이지 제작을 강의하고 학생들이 빨리 원하는 회사에 취업할 수 있도록 제작했습니다. 개인 포트폴리오 홈페이지 제작이라는 막연한 작업을 학생들 스스로 구체적인 괜찮은 결과물을 제작하기 위해 제작 기간 동안 학생들에게 정말 많은 수업내용을 세세한 부분까지 빠른 이해를 위해 구체적인 사례와 설명을 토해서 진행합니다. 

PDF 교재 특징으로 전체 페이지는 221페이지로 구성되어 있고 모든 내용은 코딩웍스가 100% 자체 제작했습니다. 인터넷에 있는 자료를 퍼와서 가공한 것도 전혀 없습니다. 코딩 화면, 글자 하나하나, 캡쳐 화면 모두 코딩웍스 자체 소스로 순수하게 제작했습니다. 특히 최근 코딩웍스 국비 퍼블리싱 과정 학생 중에 괜찮은 개인 포트폴리오 홈페이지 사례를 상세히 분석하고 구체적인 방향을 제시하는 내용으로 구성되어 있습니다. 특히 PDF 교재에서 설명하는 실습 내용을 파일 완성본을 수강생 다운로드 섹션에서 모두 다운로드 받을 수 있습니다.

코딩웍스 강의 중에 <면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작> 영상 강의와 차이점에 대한 상세한 설명 등 다양한 예상 질문 Q&A에서 참고해주세요.

⚡강의소개 보러가기 : https://inf.run/whUB

코딩웍스(Coding Works) 프로필
[새로운 강의 오픈 소식] 퍼블리셔 취업하는 훌륭한 이력서 작성 가이드
코딩웍스(Coding Works) 2022.06.24

안녕하세요. 코딩웍스입니다.
이번에 새로운 강의로 [퍼블리셔 취업하는 훌륭한 이력서 작성 가이드]를 오픈했습니다. 🌈

99%의 사람들이 이력서에 쓰는 지원 동기, 성장 과정, 성격의 장단점, 입사 후 포부 등과 같은 진부하고 정형화된 이력서 작성 방식이 아니라, 퍼블리셔 지원자로서 자기소개, 직무 이해도, 직무 스킬, 포트폴리오 프로젝트 소개로 구성된 경쟁력 있는 이력서를 작성하실 수 있습니다.

정형화되고 진부한 이력서가 아니라 퍼블리셔 직무에 특화된 이력서 작성 방법을 상세하게 소개합니다. 이력서 작성 방법뿐만 아니라 실제 채용공고 분석하기, 면접 요령, 괜찮은 회사 선택하는 요령 등 이력서 작성에서 면접과 취업까지 퍼블리셔 지원자가 궁금한 모든 내용을 담았습니다. 

'퍼블리셔 취업하는 훌륭한 이력서 작성 가이드'는 실제 이력서 사례 + 코딩웍스가 만든 추천 템플릿를 통해서 '퍼블리싱 역량과 스킬 그리고 직무 이해도'를 어떻게 기술하는지에 중점을 둔 이력서 작성 방식이기 때문에 서류 전형 합격 가능성을 높입니다!

퍼블리셔 취업하는 훌륭한 이력서 작성 가이드 강의소개 보러가기

코딩웍스(Coding Works) 프로필
[최고의 프론트엔드 CSS Frameworks, UIkit] 퍼블리싱 강의가 오픈되었습니다.
코딩웍스(Coding Works) 2022.01.13

안녕하세요. 코딩웍스입니다.
퍼블리셔 취업을 위한 새로운 퍼블리싱 강의가 오픈되었습니다. 

 

이번에 오픈된 강의는 [최고의 프론트엔드 CSS Frameworks, UIkit]입니다.

 

부트스트랩(Bootstrap)과 함께 대표적인 CSS Frameworks인 UIkit을 기초부터 활용까지 체계적으로 배우실 수 있습니다. 퍼블리셔 취업을 위해 잘 만들어진 개인 포트폴리오 홈페이지가 반드시 필요합니다. 개인 포트폴리오 홈페이지에서 포트폴리오 결과물을 세련되게 보여주기 위해 Slideshow, Slider, Lightbox, Full Screen Modal, Filter 등 UIkit 컴포넌트의 상세한 사용법과 실전 제작에 활용하는 퍼블리싱 스킬과 노하우를 배울 수 있습니다.

 

 🌏[최고의 프론트엔드 CSS Frameworks, UIkit] 강의소개 보러가기 보러가기

 

코딩웍스(Coding Works) 프로필
[중상급 퍼블리싱을 위한 CSS3의 모든 것] 강의가 오픈되었습니다.
코딩웍스(Coding Works) 2021.11.25

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

이번에 새롭게 강의가 오픈되었습니다. 강의제목은 [중상급 퍼블리싱을 위한 CSS3의 모든 것]이라는 강의입니다.

[중상급 퍼블리싱을 위한 CSS3의 모든 것] 강의에서 부족한 퍼블리싱 이론을 확실하게 갖추실 수 있습니다. 이론은 어느 정도 알지만 뭔가 만들려고 할 때 자신 있게 퍼블리싱이 안될 때가 자주 있습니다. 중상급 퍼블리싱 레벨의 실력을 위해 깊이 있게 이론을 학습하고 확실한 퍼블리싱 실력을 갖추기 위한 필수적인 코스입니다. [중상급 퍼블리싱을 위한 CSS3의 모든 것] 강의는 초급부터 중상급 실력을 목표하는 분들을 대상으로 CSS3 모든 이론과 이론을 응용하는 스킬과 노하우를 배울 수 있습니다.

특히, 코딩웍스 실전 퍼블리싱 강의를 하면서 이론을 자세히 다루지 못하는 부분이 아쉬웠는데 그런 아쉬움을 없애고자 퍼블리싱 스킬업을 위한 CSS의 모든 이론을 담았습니다. 강의 오픈 기념으로 2주간 20% 할인을 합니다. 참고해주세요.

아래 링크로 가시면 [중상급 퍼블리싱을 위한 CSS3의 모든 것] 강의 소개를 보실 수 있습니다. 

■ 강의소개 보러가기 : https://www.inflearn.com/course/중상급-퍼블리싱-css3-코딩웍스?inst=6fb06010

코딩웍스(Coding Works) 프로필
SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱 영상 강좌가 오픈되었습니다.
코딩웍스(Coding Works) 2021.10.21

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

이번에 SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱 영상 강좌가 오픈되었습니다.

얼마전 SCSS(SASS)+GRID+FLEX 핵심이론 전자책(PDF)을 통해서 SCSS 핵심이론과 활용에 관한 강의를 오픈했는데요...
아루래도 전자책에서 보여줄 수 있는 한계가 있어서 SCSS 핵심 이론과 활용 그리고 실전 퍼블리싱 영상강좌를 준비했습니다.

SCSS 기초부터 활용까지 체계적으로 배우실 수 있습니다. 퍼블리셔 취업을 위해 SCSS(SASS) 활용 능력이 경쟁력을 높여주는 만큼 능력을 증명하는 SCSS(SASS)+GRID+FLEX를 활용한 실전 포트폴리오 퍼블리싱 결과물도 얻으실 수 있습니다. SCSS(SASS) 핵심이론 & 실전 예제 중심으로 구성된 수업이며 취업과 실무를 위해 SCSS(SASS)+GRID+FLEX 퍼블리싱 스킬과 노하우를 배울 수 있습니다.

18시간 이상의 충분한 수업시간과 퍼블리셔 취업을 위한 경쟁력인 SCSS 활용 능력과 더블어 개인 포트폴리오 홈페이지에 올리실 SCSS 퍼블리싱 결과물도 다양하게 만드실 수 있습니다.

 

퍼블리셔 취업 경쟁력을 높여주는
SCSS(SASS) 활용 능력 향상을 위한
체계적인 학습과 실전 예제

같은 내용이지만 이해하기 쉽게!
실무에 필요한 것만 알차게!
코딩웍스 강의가 이런 차이를 만듭니다.

SCSS(SASS) 기초부터 활용까지 체계적으로 배우실 수 있습니다. 퍼블리셔 취업을 위해 SCSS(SASS) 활용 능력이 경쟁력을 높여주는 만큼 능력을 증명하는 SCSS(SASS)+GRID+FLEX를 활용한 실전 포트폴리오 퍼블리싱 결과물도 얻으실 수 있습니다.

🌏 SCSS(SASS)+GRID+FLEX 실전 포트폴리오 퍼블리싱 영상 강좌 강의소개 보러가기

코딩웍스(Coding Works) 프로필
[강의오픈 새소식] SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제
코딩웍스(Coding Works) 2021.09.10

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

이번에 SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제 강의가 오픈되었습니다.

SCSS(SASS) FLEX GRID 핵심이론(PDF)과 활용 예제는 SCSS(SASS), FLEX, GRID 사용에 관한 핵심 이론을 알기 쉽게 핵심만 정리한 PDF 교재입니다. 중상급 퍼블리싱 실력을 목표로 하는 분들에게 SCSS(SASS), FLEX, GRID에 대한 이해도와 활용 능력은 필수입니다. 그리고 퍼블리싱 취업과 이직에 큰 경쟁력이 될 거로 생각합니다. SCSS(SASS) FLEX GRID 핵심이론(PDF) 뿐만 아니라 이론 활용 예제 완성본(html, scss, css)가 별도로 첨부되어 있어서 이론 학습 후 이론을 활용한 응용 예제를 만들어 볼 수 있습니다.

한 단계 뛰어오르는 웹 퍼블리싱! 코딩웍스와 함께 핵심을 정리해 보세요.

SCSS(SASS) + FLEX + GRID?

중상급 이상의 퍼블리싱 능력을 갖추기 위해서는 

반드시 SCSS(SASS) + FLEX + GRID를 잘 알고 있어야 합니다.

💡 이런 걸 배워요!

  • SCSS(SASS) 필수 핵심이론
  • FLEX 필수 핵심이론
  • GRID 필수 핵심이론
  • CSS(SASS) FLEX GRID 핵심이론(PDF) 이론을 활용한 예제 완성본

💡 SCSS(SASS) FLEX GRID 핵심이론(PDF) 강의 컨텐츠 구성

  • SCSS(SASS) 핵심이론 (변수, 중첩, @minxin, 조건문) - 67페이지
  • FLEX 핵심이론 (부모요소 자식요소 사용 속성) - 36페이지
  • GRID 핵심이론 (정렬, 그리드 템플릿, repeat, minmax) - 66페이지
  • GRID 활용 실전예제 (Holly Grail 레이아웃, 미디어쿼리) - 19페이지
  • SCSS+FLEX+GRID 활용 예제 html 파일 - 233개
  • 다운로드 파일 총 용량 27메가(고화질 PDF 교재 포함)

■ 강의소개 보러가기 : SCSS(SASS) FLEX GRID 핵심이론(PDF) 교재 및 활용예제

코딩웍스(Coding Works) 프로필
코딩웍스 퍼블리싱 강의, HTML+CSS+JS 실전 포트폴리오 시즌2가 오픈되었습니다.
코딩웍스(Coding Works) 2021.07.06

중급으로 올라서는 실전 웹 퍼블리싱!
HTML+CSS+JS 실전 포트폴리오 시즌 2

드디어 기다리시던(?) 코딩웍스 퍼블리싱 강의,
HTML+CSS+JS 실전 포트폴리오 시즌2가 오픈되었습니다.

https://www.inflearn.com/course/웹-퍼블리싱-실전-시즌2

시즌2는 시즌1의 실전 퍼블리싱 예제와 겹치지 않는, 완전히 새로운 실전 예제를 중심으로 제작되었습니다. 취업을 위한 퍼블리싱 포트폴리오 결과물을 만들어보는 만큼, 퍼블리싱 실력을 중급 이상으로 Skill-Up하고 싶은 분들에게 알맞은 강의입니다.

HTML+CSS+JS 실전 포트폴리오 시즌2는 중급 퍼블리싱을 위한 HTML+CSS 퍼블리싱 실전 예제와 jQuery(제이쿼리), Javascript(자바스크립트) 실전 예제 및 2가지 전체 반응형 웹사이트 제작 과정을 포함한 27가지 이상의 다양한 실전 예제 제작 과정으로 구성되어 있습니다. 총 33시간 정도의 강의 시간만큼이나 충실한 내용과 체계적인 이해를 돕는 설명으로 제작된 퍼블리싱 포트폴리오 실전 제작 영상을 시청하고 학습할 수 있게 됩니다.

▼ HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2) 강좌 소개 바로가기

https://www.inflearn.com/course/웹-퍼블리싱-실전-시즌2

코딩웍스(Coding Works) 프로필
코딩웍스가 열심히 만든 새로운 강의가 오픈되었습니다.
코딩웍스(Coding Works) 2021.04.08

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

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

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

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

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

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

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

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

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

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

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

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

[비주얼스튜디오코드에서 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) 프로필
코딩웍스 수강생 여러분~ 영상 업데이트 소식입니다.
코딩웍스(Coding Works) 2021.02.03

반응형 애니메이션 모달 만들기 영상이 업데이트되었습니다

모달창 만들기뿐만 아니라 반응형 레이아웃 제작을 위한 CSS 속성에 대해서 자세히 설명되어 있습니다.
하지만 영상이 긴 만큼 천천히 차분하게 영상 만들기 보시면서 실습하시면 됩니다.

CSS 속성을 변경해서 모달창이 나타날 때 다양하게 변경할 수 있습니다.
그리고 깔끔하고 쉬운 제이쿼리 코드로 모달창을 제어합니다.
완성본 파일과 실습 소스파일은 인프런 강의에서 다운로드 받으실 수 있습니다.

어려운 시기지만 늘 건강하시고 열심히 하세요~!!

▼ 반응형 애니메이션 모달(HTML+CSS+JQUERY) - 1부

https://youtu.be/KU91Wzq6ig8

▼ 반응형 애니메이션 모달(HTML+CSS+JQUERY) - 2부

https://youtu.be/WNgk8GlRcXM