html/css 기초탄탄 초스피드 완강코스

웹 페이지를 만들고 싶다면, HTML/CSS를 배워보세요. 웹 페이지의 구조를 정의하는 HTML과 웹 페이지의 스타일을 정의하는 CSS로 다양한 콘텐츠와 디자인을 구현할 수 있습니다.

'HTML을 떠나지 않고 빠르게 빌드하는 모던 웹사이트' 구축을 가능하게 만드는 'Tailwind'를 소개합니다!

부트스트랩(BOOTSTRAP)을 사용하지 않고 순수하게 html/css/js 만을 활용하여 디바이스별로 다양한 레이아웃을 구현할 수 있는 반응형 웹페이지 만들기[2024년 최신판] 수업의 실전 제작수업입니다.

자기 자신을 소개하는 심플한 포트폴리오를 만들어보면서 HTML 태그로 구조를 만드는 방법과 CSS 속성으로 웹 페이지를 꾸미는 방법을 배워봅니다.

우리는 과연 HTML과 CSS를 제대로 활용하고 있을까요? 복잡한 프레임워크와 자바스크립트 로직에 갇히기 전, 웹의 본질인 마크업과 스타일링만으로 두더지 잡기부터 방탈출 게임까지 직접 구현해 봅니다. 4년 차 현직 개발자가 알려주는 '도구에 휘둘리지 않는 기본기'의 힘을 경험하세요.

CSS 기본기를 익혔다면, 이제 Grid로 복잡한 웹 레이아웃을 자유롭게 만들어보세요. CSS Grid의 핵심 개념부터 Figma 디자인 분석과 실제 웹 구현까지 단계적으로 실습하며, 실무 웹 퍼블리싱에 필요한 레이아웃 설계 능력을 키워보세요.

HTML / JS / CSS 만을 가지고 직접 심리 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다.

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

데이터를 가공하여 표의 형태로 표현할 수도 있지만 가장 중요한 것은 데이터를 인간이 한 눈에 알아 볼 수 있게 표현하는 것입니다.

수익형 서비스 끝판왕, 내가 자는 동안에도 돌아가는 사주 서비스를 만듭니다. 일주일 만에 만든 서비스로 첫달 광고비 없이 200만 원 매출, 최근 만든 2번째 서비스는 3일 만에 만들어 하루동안 34만 원 순매출을 냈습니다. 단순한 '딸깍' 사주가 아닙니다. 국내 최고의 역술인 협회의 사주 서비스 제작을 전담하고, 네이버 웹툰의 IP를 구매하여 제작하는 사주 서비스도 개발 및 운영하고 있습니다. 직접 운영한 사례에서 출발해, 비전공자도 AI와 대화하며 내 브랜드의 고퀄리티 사주 서비스를 만드는 과정을 따라갑니다. 캐릭터와 스토리, 사주 결과, 결제·자동 전달, 관리자 화면까지 구현하고 스레드 자동화·메타 광고·유튜브 콘텐츠로 고객 유입을 연결합니다. 만드는 재미를 넘어 수익화를 목표로 하는 '진짜' 수익형 사주 강의입니다.

키보드를 잡고 실습하다 보면 웹 개발의 3대 기술이 끝난다!

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

💡 비개발자도 AI와 함께 단 10시간 창업 MVP부터 수익화 서비스까지! 💰 외주비 수천만원이 필요했던 개발 이제 12만원으로 완전 해결 🎯 명함인식, 감정분석, 입지분석까지 실전 비즈니스 프로젝트 5개 완주 🔥 기획자, 마케터, 예비창업자라면 개발자 없이도 아이디어 구현 ⚡ 지금 시작하면 평생 써먹을 개발 자립 능력을 획득하세요!

AI에게 시켰는데 왜 자꾸 망가지는지 모르겠다면, 문제는 코딩이 아니라 '무슨 일이 일어나는지' 모른 채 시키기 때문입니다. 로그인과 결제가 붙은 웹서비스 하나를 처음부터 내 도메인 출시 및 검색 엔진 노출까지 완성하며, 매 단계 "방금 무슨 일이?" 맥락을 이해하고 넘어가는 바이브코딩을 알려드립니다.

취업을 위해 면접을 자주 봐야 합니다. 면접을 자주 보기 위해서는 괜찮은 퍼블리셔 개인 포트폴리오 홈페이지가 반드시 있어야 합니다. 코딩웍스가 심혈을 기울여 만든 괜찮은 개인 포트폴리오 홈페이지 제작 가이드 교재(PDF)입니다. 해당 교재는 인터넷에서 구글링 해서 구할 수 있는 내용이 아닙니다. 코딩웍스가 수년간 현장에서 300여 명의 학생에게 퍼블리싱 이론, 실전, 개인 포트폴리오 홈페이지 제작 강의하고 학생들이 빨리 원하는 회사에 취업할 수 있도록 개인 포트폴리오 홈페이지 제작 방법을 상세하게 담은 세상에 하나뿐인 퍼블리셔 취업 개인 포트폴리오 홈페이지 제작 가이드(PDF) 입니다.

퍼블리셔 취업을 위한 진짜 가이드 전자책(PDF)으로 효율적인 퍼블리싱 학습방법, 좋은 퍼블리싱 강의 잘 가르치는 퍼블리싱 강사 고르는 안목, 신입이지만 경력자처럼 퍼블리싱하는 요령, 바람직한 코딩 습관과 원칙, 개인 포트폴리오 홈페이지 제작 방법, 디자이너 개발자와의 협업 요령, 퍼블리셔로 알아야 할 필수 사이트, 포토샵 UI 디자인 실력키우기 등 퍼블리셔 취업을 위해 반드시 알아야 하는 HTML+CSS+JQUERY 퍼블리싱 기본기를 상세하게 알려드립니다. 또한, 국비지원 퍼블리셔 과정에 대해 상세히 설명합니다.

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

HTML & CSS 기반 AI 활용 웹 UI 실전 제작

AI 시대에 반드시 필요한 AI를 활용하여 최적의 결과물을 얻고 싶으신 분들을 위해 준비했습니다. 2시간 만에 AI 활용을 코딩으로 제대로 알아보실 수 있습니다.

Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.