겁나 빠른 웹 레시피

겁나 빠른 웹 레시피

| 공개

웹 프론트엔드 레시피는 HTML, CSS, JavaScript를 이용해서 여러 UI를 만들기 위해서 필요한 재료와 결합방법 그리고 순서를 설명해드립니다. 이 수업을 통해서 UI에 대한 실전적이고 실천적인 사례들을 공부할 수 있습니다. 

선행학습

이 수업은 최소 HTML과 CSS를 선행지식으로 필요로 합니다. 또한 레시피에 따라서는 JavaScript가 필요할 수도 있습니다. 각 레시피 별로 수업에서 사용하는 기술들에 대해서 미리 알려드리기 때문에 선행 혹은 후행 학습이 필요한 경우는 제공해드리는 링크를 통해서 공부하시면 됩니다. 아래는 이곳에서 편안하게 공부하기 위해서 필요한 선행학습들입니다. 

여기서 공부하기 위해서는 HTML, CSS의 기본적인 문법은 꼭 아셔야 합니다. 한편 JavaScript가 필요한 레시피가 아닌 경우는 JavaScript는 모르셔도 됩니다. JavaScript가 사용되는 레시피의 경우도 이 언어에 능통할 필요는 전혀없고, 자바스크립트가 무엇이고, 어떻게 웹브라우저를 제어하는지에 대한 기본적인 인식 정도는 꼭 필요합니다. 

Youtube

youtube로 학습하시는 것이 편하신 분은 아래 링크를 이용해주세요.

youtube 웹 프론트 엔드 레시피 재생목록 바로가기

예제

수업에서 사용하는 모든 예제는 아래 링크를 통해서 다운로드 받을 수 있습니다. 

남매 수업

리체님이 운영하시는 겁나 빠른 레시피가 있습니다. 

댓글

댓글 본문
  1. 냠냠몬
    웹사이트 디자인 하는데 유용하고 예쁜 자료들이 너무 많아요! 좋은 강의 올려주셔서 감사합니다!
  2. Nudger
    감사합니다 :)
  3. 후반양반무
    동영상 목록에는 있는데 여기 수업에는 없는것은 아직 준비가 안된것들인가요??
    아 그리고
    egoing 님이 겁나 빠른 웹 레시피 모듈의 Holy Grail Layout 토픽을 준비중에서 완료로 변경하셨습니다.
    라고 알림에 떠서 들어가 봤는데 https://opentutorials.org......570 오류가 뜨네요..
  4. egoing
    https://opentutorials.org......526

    위의 수업을 보시면 됩니다~
    대화보기
    • 호동
      본 강의의 유투브 재생목록에는 holy grail layout legacy 강의가 있는데요. 강의를 듣다 보니 해당 페이지에서 flex에 대한 내용을 참고하라고 되어 있는데 해당 페이지는 어디서 봐야 되나요?
    • 라훔(luv)
      감사합니다....^^ 정말 필요한 것들만 쏙쏙~~챙겨주셔서
    • iamluv@naver.com
      감사합니다....^^ 정말 필요한 것들만 쏙쏙~~챙겨주셔서
    • 강상모
      대단하십니다.
    • 나그네
      훌륭하십니다 !!!!
    graphittie 자세히 보기