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

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

(4.9)
160개의 수강평 ∙ 3,320명의 수강생

46,200원

지식공유자: 코딩웍스(Coding Works)
총 142개 수업 (41시간 42분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가공유
  • 박규리 프로필박규리
    2024-09-231387819

    선생님 안녕하세요! 다름이 아니라 카페24 쇼핑몰 제작시 html, css 등 디자인 커스텀시 코딩관련 지식이 필요하다고 들어서 수강하려하는데, 제가 배우는 용도에 강의가 적합할까요? 너무 필요이상으로 방대하거나 할지 아님 코딩에 있어서 해당 강의가 최소 이정도는 알고 있어야하는 정도인지 궁금합니다!

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2024-09-23368747

    글 쓰신 내용에 비춰보면 해당 강의가 가장 적당해 보입니다. 필요 이상으로 방대하지는 않습니다. 퍼블리싱을 잘 하기 위해서 필요한 만큼 입니다.

  • HideOnBush 프로필HideOnBush
    2024-09-121379290

    안녕하세요 강사님! 취업준비를 시작해 포트폴리오를 채워나가려고 하는 학생입니다! 강사님 강의를 들으면서 채워나가려고 합니다! 혹시 시즌1,2,3중 포트폴리오를 정말 조금이라도 가장 알차게 채울 수 있는 강의가 무엇일지 질문드려도 될까요,,? 다 듣고 싶지만 현실적인 형편상 힘들기 때문에 이렇게라도 질문남깁니다,,참고로 컴퓨터공학전공자라 어느정도 지식은 있습니다..!

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2024-09-12366490

    시즌1,2,3가 모두 필요한 강의라고 생각합니다. 하지만 시간적인 여유가 없으시다면 시즌1을 들으시는게 맞다고 생각됩니다. 웹 퍼블리싱은 컴퓨터공학전공자라고 더 잘하는 분야는 아닙니다. 웹 퍼블리싱은 누가 얼마나 많이 다양하게 만들어 봤는지가 관건입니다.

  • 호두 프로필호두
    2024-03-201213209

    선생님 안녕하세요 혹시 이강의에서 float 나 position을 배울 수 있을 까요

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2024-03-20326507

    네. 이론 수업 뿐만 아니라 실전 예제에서도 여러번 다룹니다.

  • pizza 프로필pizza
    2023-10-181050881

    선생님 안녕하세요. 네이버에서 선생님 강의를 직접 내돈내산 하신 분이 선생님 강의를 추천해주셔서 들어오게 되었습니다. 수강평과 커리큘럼을 보니 바로 결제하고 싶은 마음이 너무 샘솟는데 지금 제 실력에도 충분히 따라갈 수 있을지 고민이 돼서 문의드려요. 저는 UXUI 학원에서 디자인 툴과 이론을 메인으로 배우고 코딩과정은 HTML, CSS 기초까지만 배운 상태입니다. 전에도 책을 보면서 HTML, CSS 기초를 익히긴 했지만 제가 스스로 만들려고하니 잘 안 돼서 포기하곤 했어요. 현재 지금의 실력으로도 선생님 강의를 잘 따라갈 수 있을까요? 꾸준한 노력과 복습은 각오가 되어 있습니다.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-10-18290545

    HTML, CSS 기초가 없는 분들도 재밌게 잘 따라오면서 수업 듣는 것으로 알고 있습니다. HTML, CSS 기초가 있으면 문제 없이 수업 따라오실거에요. 특히 이 수업은 예제 중심이라 더 재밌게 수업할 수 있고, 수업 중에 지속적으로 반복해서 설명하기 때문에 이론을 확실히 머리에 숙지할 수 있습니다.

  • 서예성 프로필서예성
    2023-06-03892842

    혹시 해당 강의들이 Sublime Text로 따라갈수 있는 강의 인지 궁금합니다!

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-06-03264151

    텍스트에디터는 뭘 사용해도 상관없습니다. 다만 브라우저에서 라이브프리뷰가 되면 좋습니다. 서브라임이 라이브 프리뷰가 되는지는 확실히 모르겠는데 플러그인으로 가능한 것으로 보입니다.

  • yyj3887 프로필yyj3887
    2023-05-15873497

    제가 프론트엔드 + 백엔드개발자라서 css도 좀 전문적으로 배워보고싶은마음에 코딩웍스님 강의 전부익히면 많은도움이 될것같은데.. 어느단계에부터 시작하면좋을까요? 지금 수준은 그냥 구글보고 그때그때 남들꺼 참고해서 만드는 수준입니다. 매번 작업할때마다 머리속에는 안남고 맨날 구글검색하는데 css가 옵션도 방대하고 기능도 많고 그래서 이제는 남들꺼 보지않고 스스로 제작할수있는 사람이 되어보고싶은데 어떻게 학습하면 좋을까요..;;

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-05-15259890

    아무래도 가장 기초가 되고 실력을 높일 수 있는 [HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)] 강의로 시작하시면 됩니다. 강의 시간이 45시간이라 만만하지는 않을거에요. 하지만 완강하고 나면 퍼블리싱 실력도 꽤 좋아집니다. 그리고 다음에 뭘 어떻게 공부해야 하는지 가이드가 잡히실 거에요.

  • yyj3887 프로필yyj3887
    2023-05-15873431

    위에 51개 무료보기는 수강내용에 포함되어있는건가요??

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-05-15259884

    무료보기는 당연히 수강내용에 포함되어 있습니다. 해당 강의는 수업시간과 수업개수가 많습니다. 그래서 기본적인 부분은 무료보기로 설정했습니다. 총 143개 수업 (41시간 42분)

  • 즐거운 상어 프로필즐거운 상어
    2023-03-13812181

    선생님. 1. 요즘은 ES6가 주력인거 같은데 이 강의로 공부해도 괜찮을련지요...? 2.개인적으로 JS 공부할때 ES5로 공부하면 ES6는 금방 배울 수 있을까요? 3.대부분 HTML+CSS로 이루어진 강의 이기 때문에 ES5와 JQuery는 가볍게 배운다 생각하고 추가로 개인적으로 자바스크립트 배우면 된다고 생각하면 될까요? 4. App Official Landing Website강의도 위 질문들과 비슷한 맥락으로 이해하면 될까요? 번거로우시겠지만 1,2,3,4번 각각 답변 주지면 정말 감사드리겠습니다ㅠ

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2023-03-13248018

    아래 답변 참고해주세요. 1번과 2번은 JS를 강의하시는 분에게 수강문의 하시는게 더 알맞은 답변을 얻으실거에요. 저는 개발자는 아니라서 1~2번에 대한 구체적인 답변은 못해드릴 것 같습니다. 3번~4번은 HTML+CSS가 모든 중심이고 특히 CSS를 심도있게 학습하시게 됩니다. 제이쿼리는 아주 기본적인 수준만 다룹니다.

  • 밍밍 프로필밍밍
    2022-12-25723549

    2023년부터 익스플로러는 종료인데.. 제이쿼리 괜찮을까요..?ㅠ

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-12-26230226

    2022년 6월 15일 Internet Explorer 11 공식 종료라는 내용은 아래 블로그를 참고해주세요. 제이쿼리가 괜찮다는 말씀이 정확히 뭘 할하는지 모르겠지만... 퍼블리싱 할 때 제이쿼리는 여전히 효용가치가 높습니다. 물론 프론트엔드 개발자가 목표라면 자바스크립트를 메인으로 학습하셔야 합니다. 해당 강의는 제이쿼리 상호작용을 사용하는 예제 입니다.

  • YR 프로필YR
    2022-12-24722309

    안녕하세요~수강문의 드리려고 합니다! 우선 디자이너나 퍼블리셔는 아니고 사무직군인데 퍼블리셔로 이직을 하고 싶어 공부를 좀 했었고 못한지는 1년쯤 됐습니다. 웹디자인기능사는 없고, 정보처리기사는 있어요. 웹 퍼블리싱 실전 시즌1 목차를 살펴보았는데 섹션2. html+css+jquery 퍼블리싱 필수이론의 css는 알겠더라구요. css의 기본기는 잡고 있습니다. 문제는 제이쿼리 때문에 문의를 드리는데, 예전에도 바닐라 자바스크립트를 만나면서 공부와 서서히 멀어졌습니다. 사실 제이쿼리가 아닌 바닐라로 공부를 하고 싶어서 욕심 부린 탓도 있는 것 같습니다. 당시 제이쿼리는 효과메서드까진 봤는데 기초정도의 수준이었습니다. 바닐라자바스크립트 경우엔 책을 한번 읽고 따라 쳐보고 했는데 써먹을 줄 모르더라구요. 비유하자면 학교 다닐 때 책 앞장만 너덜거리고 핵심은 없는..생각한 이직이 늦어지기만 하니 은근 스트레스도 받게 되더라고요. 예제완성본도 보니 제이쿼리에서 자신 없음이 느껴졌습니다. 제일 궁금한 점은 시즌1과 시즌2의 제이쿼리 난이도도 차이가 많이 나는지 궁금합니다. 시즌2가 시즌1보다는 난이도가 있다는 답변을 달아주신 걸 보았는데 제이쿼리의 난이도가 크게 차이가 나는게 아니라면 시간 단축도 하고 싶은 마음에 시즌2로 공부하고 싶은 마음입니다. 혹, 시즌2를 바로 수강하게 된다면 선생님 유튜브 강의로 보완하고 수강을 해도 될지 문의드리려 합니다. 감사합니다!

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-12-24230064

    시즌1 이나 시즌2 나 제이쿼리 난이도는 비슷합니다. 시즌1 보다 시즌2가 어렵다고 한건 실전 예제 레이아웃이 어렵다는거지 제이쿼리 난이도가 올라간다는건 아닙니다. 시즌2에는 자바스크립트 사용하는 예제도 2개 정도 있습니다. 참고로... 퍼블리싱 공부하시면서 웹디자인 기능사 자격증 따시는거 추천드립니다. 물론 2023년에 작년 대비 좀 어려워졌지만 웹디자인 기능사 자격증 있으시면 일단 취업에 도움될거라 생각됩니다.

  • 김무준 프로필김무준
    2022-12-22720030

    안녕하세요. 30중반 나이에 작년 국비지원으로 공부했었지만 코드 따라치는 수업만 몇개월하고 기능사자격증 1개외에는 많은 결과물을 만들지못하고 실패했었습니다. 현재 다른일을 하다가 우연히 선생님 강의 유튜브를 보다가 마지막으로 도전해보고 싶은 마음에 인프런에까지 접속해 질문드립니다. 강의 로드맵에대해 조언 부탁드립니다....ㅠ 현재 다른일을하지만 매일마다3,4시간이상 공부할 각오가 되있습니다. 그리고 30중후반이라는 나이는 너무 늦은건가요??

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-12-22229469

    일단 나이가 늦은건 아닙니다. 요즘은 어린 직원보다는 어느 정도 나이가 있는 직원을 선호하는 곳도 많습니다. 국비학원 경험이 있으시니까 아래 로드맵에서 2, 3, 4, 5번을 먼저 하시면서 개인 포트폴리오 홈페이지에 담을 퍼블리싱 결과물도 만드시면 좋을 것 같습니다. https://www.inflearn.com/blogs/2351

  • jayden37234 프로필jayden37234
    2022-12-02703837

    선생님 안녕하세요. 쇼핑몰 관련 취업 또는 부업을 계기로 학원에서 웹 과정을 수강하였습니다. 생소한 과목임에도 수업교재, 복습영상도 없고 이해보다는 주입식 암기위주의 수업이여서 솔직히 무슨 내용인지 감조차 오지 않았습니다. 그래서 유튜브에서 모르는 부분을 찾던 중 선생님 강의를 우연히 접하게 되었습니다. 너무 친절하시고 설명도 너무 깔끔하게 잘 정리해주셔서 그동안 어렴풋이 알던 내용들이 정리가 되는 느낌이었습니다. 진심으로 감사합니다. 그래서 아래 다음의 질문을 드립니다. 1. 유튜브 강의와 해당 인프런사이트에서의 수업은 어떤 차이가 있나요? html,css(시즌1)강의를 대략적으로 확인해보니 유튜브에서의 강의를 포함하여 그 외 다른 강의도 있는 것 같습니다. 맞나요?? 2. 교재는 오로지 퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)만을 참고하면 충분할까요? 3. 웹디자인기능사취득 및 포폴을 만들어보려고 하면 로드맵(or커리큘럼)은 어떻게 진행하면 될까요? html, css 시즌1 -> 시즌2 -> 중상급 퍼블리싱을 위한 CSS3의 모든 것 -> 웹디자인기능사 실기 이렇게 준비하면 될까요? 감사합니다.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-12-02226296

    안녕하세요. 코딩웍스입니다. 질문에 대한 답변을 드리면... 답변1) 유튜브에 있는 강의는 소개하는 맛보기 정도입니다. 인프런 강의는 훨씬 분량이 많습니다. 그리고 완성본을 모두 제공하기 때문에 수강생이 코드리뷰하기도 좋습니다 답변2) 기본적인 교재로 모든 내용이 있는건 아니지만 기본기를 갖추기 위해서는 충분합니다. 중상급 이론은 구글링으로 충분히 보강하시면 됩니다. 답변3) 웹디자인기능사취득을 생각히시면 <웹디자인기능사 실기시험 완벽 가이드> 먼저 들으세요. 시험 보시고 중상급 퍼블리싱을 위한 CSS3의 모든 것 > 시즌1 > 시즌2 이렇게 들으시면 좋을 것 같습니다. 참고로 <웹디자인기능사 실기시험 완벽 가이드> 수강생에게는 답변2에 있는 교재를 무료로 제공합니다.

  • 희경 프로필희경
    2022-11-24698195

    교재가 따로 있나요? 기능정의서 강의는 어디서 확인가눙한가요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-11-24224784

    해당 강의에서는 기능정의서를 만드는 방법까지는 소개되지 않습니다. 해당 강의는 실전 예제 중심으로 퍼블리싱의 재미와 자신감을 갖게 하는 강의입니다. 코딩웍스 강의 중에 <모바일 웹 퍼블리싱 포트폴리오 with Figma>에 기능정의서 및 와이어프레임 제작에 대한 상세한 수업이 있습니다.

  • tjdghqkr0615 프로필tjdghqkr0615
    2022-11-14691987

    이 수업을 들을지 고민하고있는 디자이너인데요! 코딩의 코짜도 모르는 완전 생초보인데 이강의를 듣기전 입문단계의 강의를 듣는게 좋을까요? 아니면 이단계부터 들어도 무방할까요?! 코딩웍스님의 답변 기다릴게요.

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-11-14223314

    해당 강의가 입문 단계에서 가장 많이 듣고 평도 좋은 강의입니다. 코딩이 처음이시면 <섹션 1. 블라켓츠(Brackets) 및 비주얼 스튜디오 코드(Visual Studio Code) 사용법>에서 비주얼 스튜디오 코드(Visual Studio Code) 사용법 만 익히시고 <섹션 2. HTML+CSS+JQUERY 퍼블리싱 필수 이론>부터 차분하게 학습하시면 됩니다.

  • 최문정 프로필최문정
    2022-09-16653249

    혹시 자막이 있을까요? 귀가 좋지 않아서 자막이 필요할것같아서요 ㅠㅠ

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-09-16212979

    강의 영상에 자막은 따로 제공되지 않습니다. 참고해주세요.

  • 김현수 프로필김현수
    2022-08-24632152

    강의는 비쥬얼스튜디오로 진행하는거같은데 혹시 이클립스로 진행하는데 어려움은 없을까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-08-24208024

    텍스트에디터의 종류는 전혀 문제되지 않습니다. 수강생이 가장 잘 쓰는 에디터를 사용하시는게 베스트입니다. 다만 에밋과 라이브프리뷰가 되는 에디터를 사용하시는게 학습 속도를 높이는 방법입니다. 제가 이클립스를 써보지 않아서 에밋과 라이브프리뷰 지원을 하는지는 모르겠습니다. 만약 에밋과 라이브프리뷰를 지원하지 않는 에디터로 수업 따라오시는게 타자치는 시간과 새로고침하는 불필요한 시간을 소요하게 됩니다. 그래서 이클립스가 에밋과 라이브프리뷰를 지원하지 않는다면 학습은 비쥬얼스튜디오코드로 하시고 실무는 이클립스로 하시면 될 것 같습니다.

  • 도로로 프로필도로로
    2022-06-16565792

    국비학원에서 html css 개념정도만 1주 정도 배웠고 자바스크립트를 1주정도 배운 상태인거 같습니다.. 제이쿼리,부트스트랩등은 잘 모르고 템플릿 가져다가 글씨정도만 바꿔서 작은 프로젝트를 진행한적이 있는데 바로 이 강의를 들어도 되는지와 이 강의를 들은 이후 클론해서 익숙해지면 될까요? 추가적으로 강의를 더 들어야 퍼블리셔 신입으로 일할 수준이 될까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-06-16194137

    안녕하세요. 코딩웍스입니다. 글 내용으로는 기초로 말씀드리면 다시 시작하는 마음으로 기초부터 차근차근 하셔야 할 것 같습니다. HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)을 들으시면 됩니다. 기초가 있는 분들은 섹션1, 섹션2를 패스하시고 섹션3부터 들으시라고 하는데 섹션1부터 들으셔야 할 것 같습니다. 수강문의 주신 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1) 강의가 현재 상황에 가장 맞는 강의라고 생각합니다.

  • min_som 프로필min_som
    2022-05-08531062

    안녕하세요, 현재 웹/앱 에이전시에서 근무한지 1달차 되가는 신입 디자이너입니다. html css를 더듬더듬 서치해 유지보수만 조금 할 줄 아는 수준인데 이 수준에서.. 포트폴리오를 만들려면 뭐부터 강의를 들어야 좋을까요? 또한 강의를 들은 후 나중에 UI UX 로 넘어갈때도 도움이 될까요?

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-05-08187171

    안녕하세요. 코딩웍스입니다. 개인 포트폴리오 홈페이지 만든다는게 충분한 퍼블리싱 스킬이 수반되어야 합니다. 지금 문의주신 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)을 완강하시고 코딩웍스 과정 중에 반응형 전체 웹사이트 제작 과정을 학습하시면 될 것 같습니다. 일단 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)에서 퍼블리싱 기본기와 스킬업을 먼저 하시기 바랍니다.

  • 19 프로필19
    2022-04-24518640

    안녕하세요! 작년에 국비지원으로 학원 다녔었는데 다녔던 학원에서 진도가 너무 빠르고 이해도 안되는 상태에서 계속 아무생각없이 수업만 듣고 후반기는 포트폴리오 위주로 한게 다라서 학원끝남과 동시에 손 놓다가 다시 공부 할려고 마음 먹고 할려고 하는데요 시즌1,2 강의 듣기전에 혹시 따로 제가 또 들어야 할게 있을까요?? 이번에는 마음먹고 공부 할려고 합니다ㅠㅠ 사실 손놓은지 너무 오래돼서 입문단계부터 해야 할 수준입니다...

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-04-24184707

    안녕하세요. 코딩웍스입니다. 시즌1, 시즌2를 순서대로 공부하시면 됩니다. 시즌1부터 공부하실 때 [섹션 2. HTML+CSS+JQUERY 퍼블리싱 필수 이론] 부분은 경험이 있으니 건너띄고 [섹션 3. HTML+CSS 실전 퍼블리싱 제작(Part 1)]을 학습하시면 됩니다. 혹시 손놓은지 오래되서 신경쓰이시면 [섹션 2. HTML+CSS+JQUERY 퍼블리싱 필수 이론] 부분을 실습하지 않고 빠르게 보시는 정도로 하시면 될 것 같습니다.

  • 희 희 프로필희 희
    2022-04-19513946

    안녕하세요 선생님!! 인강 결제하기 전 제가 맥북으로 인강듣고 복습하려고 하는데 , 인강에서 사용하는 프로그램이나 ,,, 맥북으로도 가능한가 싶어 문의드립니다 ㅠㅠ

    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    코딩웍스(Coding Works)
    2022-04-19183864

    안녕하세요. 코딩웍스입니다. 윈도우 사용자 또는 맥 사용자 모두 비주얼 스튜디오 코드 사용하실 수 있습니다. 무료 프로그램이구요. 대부분의 퍼블리싱 개발자의 80~90퍼센트가 사용합니다. 아래 주소로 가시면 맥용으로 받아서 설치하실 수 있습니다. https://code.visualstudio.com/

채널톡 아이콘