Dự án Web phản hồi thực tế với SCSS(SASS)+FLEX và Figma
Sử dụng hoàn hảo SCSS(SASS) và FLEX Layout vào thực tế! Đây là quy trình xây dựng dự án website phản hồi (responsive) có hệ thống, từ việc thiết kế UI cho trang chủ và các trang con cốt lõi của toàn bộ website bằng Figma, đến việc tạo cấu trúc HTML wireframe với tên class nhất quán và hoàn thiện việc xuất bản (publishing). Trong suốt khóa học kéo dài hơn 41 giờ, bạn sẽ được học kỹ lưỡng các lý thuyết cốt lõi và khả năng ứng dụng thực tiễn, đồng thời thiết kế và xây dựng bố cục phản hồi tương thích với PC - Mobile - Tablet. Qua đó, bạn không chỉ tích lũy được kinh nghiệm và bí quyết về các dự án web phản hồi mà còn nâng cao đáng kể lý thuyết cốt lõi cũng như kỹ năng ứng dụng thực tế của jQuery.
339 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
Muốn biết những câu hỏi thường được học viên khác hỏi không?
- Chưa giải quyết
SCSS에서 @keyframes 사용
질문 주실 때 항상 2가지를 지켜주세요.오류가 나는 부분이나 궁금한 부분의 브라우저 화면 캡쳐해서 올리기HTML+SCSS+JS 코드 캡쳐 말고 텍스트로 붙여넣기 하기만약 코드를
HTML/CSSjavascriptsassjqueryscssahyun01256945
・
1
101
1
- Chưa giải quyết
전체 색 설정 질문
<img src="https://cdn.inflearn.com/public/files/posts/6f58eabf-5b1b-40ed-83b6-9b06b354a6e9/9d03562d-1b45-4f8c-8e6d-703a422b951d.png" media-type="img"
HTML/CSSjavascriptsassjqueryscssash
・
1
124
2
- Chưa giải quyết
피그마 원본 다운로드
질문 주실 때 항상 2가지를 지켜주세요.오류가 나는 부분이나 궁금한 부분의 브라우저 화면 캡쳐해서 올리기HTML+SCSS+JS 코드 캡쳐 말고 텍스트로 붙여넣기 하기만약 코드를
HTML/CSSjavascriptsassjqueryscssash
・
1
311
2
- Chưa giải quyết
영상 싱크가 맞지 않습니다!
영상 싱크가 맞지 않습니다 ㅠㅠ 헤더영역에 특히 그렇습니다 ㅠ
HTML/CSSjavascriptsassjqueryscsshangong162031
・
1
157
2
- Chưa giải quyết
수강평 작성이 안되네요..
안녕하세요 선생님SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 강의를구매하고 섹션1all 과 섹션2 몇개 강의 듣고 수강평 남기려고 하는데 작성하는 곳이 없어서 글올립니다..<img src="https://cdn.i
HTML/CSSjavascriptsassjqueryscsstiti
・
1
145
1
- Chưa giải quyết
피그마로 셀렉트 박스 인터렉션도 되도록 하려면?
<img src="https://cdn.inflearn.com/public/files/posts/0c14f7c6-2ea4-4686-b99d-06e695acfadf/a6b16559-4454-492f-9e91-648b8e423ba5.png" media-type="img"
HTML/CSSjavascriptsassjqueryscsshyunsokstar6698
・
1
219
1
- Chưa giải quyết
피그마 ai 기능 괜찮은거 추천해주실수 있나요?
플러그인을 사용해야 되나요 아니면 피그마 ai 정식 버젼을 기다려야 되나요?text to figma , image to figma 괜찮은거 추천해주시면 감사여
HTML/CSSjavascriptsassjqueryscsshyunsokstar6698
・
1
187
1
- Chưa giải quyết
테이블 그리려고 하는데 어려워요
이런 테이블 피그마로 쉽게 그리는법 좀 알려주세요 강의에서 참고할만한 부분이 있을까여?<img src="https://cdn.inflearn.com/public/files/posts/95e5584e-cbff-4c29-bb8b-c273f80f7eed/e274
HTML/CSSjavascriptsassjqueryscsshyunsokstar6698
・
1
215
2
- Chưa giải quyết
[PC 레이아웃 상세 퍼블리싱 - 인클루드] class-detail 에서 인클루드가 작동하지 않아요.
우선, 강의대로 따라했을 때 index.html 에서는 헤더와 푸터 인클루드가 잘됩니다. 따로 test.html 을 만들어서 인클루드 해봐도 잘 됩니다. 하지만 html/class-detail.html 에 인클루드를 하면
HTML/CSSjavascriptsassjqueryscssijieun01236189
・
1
174
3
- Chưa giải quyết
SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
수강생 참고자료 및 완성본 다운로드 => 다운로드 해도 소스 텍스트가 없습니다. ㅜㅜ 못 찾는건지 모르겠는데...찾지못해서 일일이 치고 있어요. 소스텍스트가 어디있는지 알려주세요.
HTML/CSSjavascriptsassjqueryscssijieun01236189
・
1
140
1
- Chưa giải quyết
활성화 중인 scss 하나만 css 로 컴파일 가능할까요?
<img src="https://cdn.inflearn.com/public/files/posts/6d983a65-a942-4075-b0c1-814756f4f3cd/image.png" media-type="img" alt="image.png" title="image.pn
HTML/CSSjavascriptsassjqueryscssdesignteam6939
・
1
285
2
- Chưa giải quyết
실수로 style.css를 지워버렸습니다...
실수로 style.css파일을 지워서 다시 만들려고 style.scss에 watch sass를 눌렀는데 css파일이 다시 생기지가 않아요.. 해결 방법이 없을까요...? ㅠㅠ
HTML/CSSjavascriptsassjqueryscssssangpak974517
・
1
188
1
- Đã giải quyết
slick slide 클레스 네임 관련
PC 레이아웃 상세 퍼블리싱 - 프론트 페이지(Focus Class) 02강의에서 /*section : focus-class*/ .focus-cla
HTML/CSSjavascriptsassjqueryscssqor0923
・
1
255
1
- Chưa giải quyết
live server는 적용되는데 index.html을 더블클릭하면 아무것도 안되어 있어요..
featherlight 하다가 다 깨져있어서 featherlight 문제인가 했는데html파일 자체가 scss로 작업한 게 적용이 안되어있더라구요...라이브서버로 보면 잘 되어있어서 미처 몰랐는데 index.html 더블클릭하니<p
HTML/CSSjavascriptsassjqueryscssujeongs1206266
・
1
375
1
- Chưa giải quyết
장바구니페이지 관련 질문입니다.
수강신청 장바구니 화면에서 항목중 1개라도 선택이 해제되면 전체선택체크박스의 체크도 풀려야 하는거 아닌가요? 어떤 스크립트를 추가해야 적용이 되나요? <img src="https://cdn.inflearn.com/public/fi
HTML/CSSjavascriptsassjqueryscssa2mdesigner2029
・
1
282
1
- Chưa giải quyết
네비게이션 클릭시 헤더높이로 인해 제목 가리는 부분 해결방안
선생님, 안녕하세요:)강의 유익하게 잘 보고 있습니다. 좋은 강의 해주셔서 몰랐던 부분을 정말 많이 알아갑니다! 'PC 레이아웃 상세 퍼블리싱 - 강의소개 05(네비게이션 부드럽게 스크롤링)' 강의에서 헤더 높이로 인
HTML/CSSjavascriptsassjqueryscssxoxojy4703
・
4
309
1
- Chưa giải quyết
소스텍스트는 제공이 안되나요?
안녕하세요~ 선생님.제공되는 파일 중 '[다운로드]+디자인+작업(Beyond+Insight)' 안에 소스텍스트가 없네요. 제공이 안되는건가요?
sassmajae0215
・
1
282
1
- Chưa giải quyết
섹션 4. SCSS 핵심 이론(Essential Theory) 완성예제는 따로 없을까요?
다운받는 곳에 없어서요
HTML/CSSjavascriptsassjqueryscssssongjiae01273742
・
1
268
2
- Chưa giải quyết
SCSS
질문 주실 때 항상 2가지를 지켜주세요.오류가 나는 부분이나 궁금한 부분의 브라우저 화면 캡쳐해서 올리기HTML+SCSS+JS 코드 캡쳐 말고 텍스트로 붙여넣기 하기만약 코드를
HTML/CSSjavascriptsassjqueryscssimhj117775966
・
1
274
2
- Chưa giải quyết
scss
질문 주실 때 항상 2가지를 지켜주세요.오류가 나는 부분이나 궁금한 부분의 브라우저 화면 캡쳐해서 올리기HTML+SCSS+JS 코드 캡쳐 말고 텍스트로 붙여넣기 하기만약 코드를
HTML/CSSjavascriptsassjqueryscssimhj117775966
・
1
373
3