Thumbnail
개발 · 프로그래밍 웹 개발

최고의 프론트엔드 CSS Frameworks, UIkit 대시보드

(5)
8개의 수강평 ∙  128명의 수강생

49,500원

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

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

이번에 코딩웍스가 심혈을 기울여서 만든 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) 9달 전 (9달 전 수정됨)

안녕하세요. 코딩웍스입니다.
이번에 새롭게 <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] 강의소개 보러가기 보러가기