[패스트캠퍼스 프론트엔드] 2주만에 뚝딱 만드는 스타벅스 홈페이지 [1]
[패스트캠퍼스 프론트엔드] 2주만에 뚝딱 만드는 스타벅스 홈페이지 [1] — #패스트캠퍼스 #패스트캠퍼스_프론트엔드 #클론코딩 웹사이트 디자인 소개 CSS/JS 실전에 쓰이는 기법...
#패스트캠퍼스 #패스트캠퍼스\_프론트엔드 #클론코딩
웹사이트 디자인 소개
CSS/JS 실전에 쓰이는 기법으로 다양한 애니메이션 구현하기
패스트 캠퍼스 초단기 완성 : 14일 만에 만드는 스타벅스 웹 사이트 with HTML&CSS 강좌 박영웅 강사님의 강의를 듣고난 후기 입니다.
강의후기
패스트캠퍼스는 정말 초보자도 입문하기 좋은 코딩 교육 사이트이다. 나는 마케터로서 웹페이지를 만들기 위해 몇개월 전부터 웹페이지 강의를 수강한바 있는데 강의 퀄리티가 정말 좋다. 패스트 캠퍼스는 회사 이름에 걸맞게 초보자도 단기간에 실력을 업그레이드 할 수 있는 고 퀄리티 강의를 제공하고 있다.
내가 정말 좋다고 생각했던 부분은 거창한 이론없이 바로 실무에 쓰일 만한 것들을 위주로 공부할 수 있다는 것이다. 컴공과를 가본적은 없지만 정규커리큘럼을 밟았다면 아마 훨씬 더 늦게 배우지 않았을까 생각이 들기도한다.
이번에 신청해서들은 강의는 스타벅스 웹 사이트를 만드는 강의였다. 기존에 최성일 강사님의 프론트엔드 강의를 들었기에 기초를 갖춘 상태에서 들으니 훨씬 강의 이해도가 빨랐다.
이번 강사님은 박영웅 강사님인데, 강의 설명을 정말 잘하신다. 정말 감사했던게 이해되지 않는 부분을 세심하게 하나 하나 풀어가며 수강생들을 이해시키려는 노력이 강의에서 느껴졌다. 기존에 알고있다고 생각했지만 정확히 원리를 몰랐던 css,js 개념들을 아주 쉽게 원리를 풀어가며 설명해주셔서 내용이 쏙속들어왔다.
어렴풋이 알고만 있었던 css-position : absolute와 relative속성의 원리를 듣고, "아 내가 생각했던게 맞구나"라는 생각이 들기도 하면서 기쁘기도 했다.:D
Swiper기능
기존에 배워서 알고있던 부분은 제외하고 모르는 부분위주로 공부했다. 새롭게 알게된 내용은 swiper기능으로 공지사항을 배너를 위아래로 넘기거나, 패널/이미지를 가로로 넘길 수 있는 기능이다.
예전에는 js로 하나 하나 일일이 손코딩을 하였는데, swiper기능으로 정말 간단히 구현할 수 있다는게 너무나 신기했다. 진작에 이런 기능을 알았더라면 회사 웹페이지를 만들었을 텐데... 지금은 워드프레스 공부를 하다보니 계속 늦춰지고 있다..ㅠ
youtube Api
두번째로 알아간 기능은 youtube Api이다.
유튜브 영상을 웹페이지에 구현하는 기능인데, 스크립트 코드를 단순 복붙 해서 재생시키는 것이 아니라, 유튜브 영상을 내 영상처럼 제어할 수 있는 기능을 갖추고 있다.
혼자서 공부하면 어려웠을 내용들인데 강사님이 잘 알려준 덕분에 써먹을 일이 많아질 것 같다 :D
.
그 외에도 cdn이라던가, gsap,BEM 등 평소에는 알지 못했던 기능들을 알려주셔서 너무 고마운 강의이다. 진짜 혼자서 공부했으면 절대로 몰랐을 것이다..!. 강사님 너무 잘가르치신다. 특히나 BEM으로 클래스 정리하는 기술이 일품이다!
강의를 아직 다 듣지 못해서 만들다 말았다. 모르는건 따로 스티커 노트에 정리해서 공부할 예정이다! 빨리 완강해서 필요한 부분 쏙속 빼먹고 싶다. ^-^
마지막으로 새롭게 만든 나의 공부방의 모습을 끝으로 후기를 마치겠다. 모두 열공하자!!
강의후기 요약
세줄요약
- 초보자도 누구나 쉽게 따라할 수 있을 정도로 꼼꼼하게 잘 가르쳐주신다.
- 기존에 몰랐던 실무에서 바로 쓸 수 있는 활용도 높은 기능들을 많이 알려주신다.
- 실무에서 쓰기 좋다. 나는 완강하고 바로 실무에서 써먹을 예정이다 ^-^
\본 포스팅은 패스트캠퍼스 초단기 완성 체험단 참여를 위해 작성되었습니다\
수강 링크
[초단기 완성 : 14일 만에 만드는 스타벅스 웹 사이트 with HTML&CSS | 패스트캠퍼스
코딩 왕초보도 14일 만에 고퀄리티 웹 사이트를 만들 수 있어요! HTML/CSS/JS 핵심 기술 3가지로 페이지를 구현하고, Git을 활용한 버전 관리와 배포까지 모두 진행합니다. 프론트엔드 클론 코딩은, 이 강의로 끝내세요!
bit.ly](https://bit.ly/3PsMEJU)