로드맵 코스
아래 로드맵은 코딩이 처음이신 분들도 웹 퍼블리셔로 성장하실 수 있도록 단계별로 설계된 학습 과정입니다. HTML 기초부터 시작하여 CSS, JavaScript, 레이아웃 설계, Figma 기반 실무 구현, 모바일 웹 제작까지 자연스럽게 이어지는 흐름으로 구성되어 있습니다.
먼저 HTML 기초 과정에서는 웹 페이지의 구조를 이해하시고, 시맨틱 태그를 활용해 올바른 마크업을 작성하는 능력을 기르실 수 있습니다. 이후 CSS 과정을 통해 스타일링의 기본 원리, 레이아웃 구성, 반응형 웹의 기초를 학습하시며 화면을 디자인대로 구현하는 역량을 쌓으실 수 있습니다.
다음 단계인 JavaScript 기초 과정에서는 웹에 동적인 기능을 부여하는 핵심 문법과 로직을 익히시며, 퍼블리셔가 반드시 알아야 할 인터랙션 구현 능력을 강화하실 수 있습니다. jQuery는 보조적으로 다루되, 실무에서 더욱 중요해진 순수 JavaScript 중심의 사고 방식을 중점적으로 학습하시게 됩니다.
이후 CSS GRID 실전 과정과 Figma 디자인 기반 쇼핑몰 제작 과정을 통해 실제 디자인 시안을 분석하고, 이를 웹 페이지로 정확하게 구현하는 실무 능력을 완성하실 수 있습니다. 마지막으로 모바일 웹 제작 과정에서는 다양한 디바이스 환경을 고려한 반응형·모바일 퍼블리싱 경험을 쌓으시며, 포트폴리오로 활용 가능한 결과물을 완성하시게 됩니다.
이 로드맵은 단순한 문법 나열이 아닌, 웹 퍼블리셔로 도전하시기 위한 현실적인 성장 경로를 제시하는 학습 가이드입니다.
과정별 수강평을 확인해보세요
코딩은 처음이라 with 웹 퍼블리싱 - HTML
코딩은 처음이라 with 웹 퍼블리싱 - CSS
Figma 참조 - 반응형 쇼핑몰 웹사이트 만들기 완벽 가이드
모바일 웹 제작 입문: Figma 디자인 완벽 구현하기 with Javascript
로드맵 상세보기
총 7개 코스
javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.
전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.
CSS Grid는 복잡한 레이아웃도 간단하고 직관적으로 구현할 수 있는 강력한 도구입니다. 이번 강의에서는 CSS Grid의 핵심 개념부터 실전 활용법까지 단계별로 쉽게 배울 수 있도록 구성했습니다. 이제 복잡한 float과 flexbox에 얽매이지 말고, 효율적인 레이아웃 설계의 정석을 배워보세요! 지금 바로 시작하세요!
html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.
웹 개발의 첫 걸음을 떼셨나요? HTML, CSS, javascript를 이제 막 시작하신 분들께 특별한 제안을 드립니다! 모바일 시대에 발맞춰 모바일 웹사이트를 만들고 싶지만, 어디서부터 시작해야 할지 망설여지시나요? 걱정하지 마세요. Figma 모바일 디자인을 직접 분석하고 구현하면서, 자연스럽게 반응형 웹 개발의 핵심을 배워보세요. 세련된 모바일 디자인을 토대로, 사용자의 마음을 사로잡는 섬세한 인터랙션부터 다양한 화면 크기에 완벽하게 적응하는 기술까지, 모든 것을 함께 알아가볼 수 있습니다. 이제 여러분의 웹사이트가 모든 기기에서 빛나도록, 노하우를 나눠드리겠습니다. 함께 시작해볼까요?