|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/build-website-with-html-css-sass-beginner-to-advanced/
课程评论：没有评论
**HTML CSS and SASS Bootcamp 课程总结** 本课程面向希望学习网页设计和网页开发的新手，以及希望提高响应式和出色网站创建技能的现有网页设计师/开发人员。 **课程目标：** * 掌握使用 HTML 和 CSS 创建响应式真实世界网站的信心。 * 巩固对网页设计和开发基础知识的理解。 * 提升网页设计和开发技能。 **课程内容：** 1. **入门与 VSCode 设置：** 介绍课程，并指导读者设置开发环境。 2. **HTML 和 CSS 基础：** 讲解 HTML 和 CSS 的基本概念。 3. **使用 HTML 和 CSS 基础构建简单页面：** 通过实践巩固基础知识。 4. **使用 EMMET 更快地编写 HTML 和 CSS 代码：** 学习提高编码效率的技巧。 5. **构建餐厅网站：** 应用所学基础知识创建一个实际项目。 6. **Flexbox：** 学习弹性盒子布局。 7. **Grid 布局（含迷你项目）：** 掌握 Grid 布局，并通过项目实践。 8. **高级 CSS 概念：** 深入学习更复杂的 CSS 特性。 9. **CSS 动画（过渡、变换和关键帧）：** 学习创建动态效果。 10. **使用多种高级概念构建网页设计代理网站：** 综合运用所学知识完成大型项目。 11. **在 Netlify 上优化和托管网站：** 学习网站部署和上线。 12. **SASS：** 学习 SASS 预处理器，提高 CSS 开发效率。 **课程特色：** * **项目驱动：** 通过构建多个实际项目，包括响应式网站，来学习网页设计和开发。 * **循序渐进：** 从基础知识开始，逐步深入到高级概念，易于初学者理解。 * **实践导向：** 强调动手实践，帮助学员获得解决实际问题的能力和信心。 通过本课程的学习，您将对使用 HTML、CSS 和 SASS 构建专业、响应式的网站充满信心。
This course is for beginners who want to learn web design and web development, as well as for existing web designers/developers who want to sharpen their understanding and skill in creating responsive and great websites. In this web design course, we begin by going over the fundamentals of HTML and CSS, after which we look at the essentials of page layout. We then create a mini project to test our understanding.We also cover Flexbox, Grid layout, CSS Animation, SASS and some advanced CSS topics which you need for a good foundation in web design and web development. This would enable us to build a big project where we implement all the topics discussed.We then proceed to teach about the COMMAND LINE, GIT and GITHUB, which is a tool every web developer should be familiar with.WHAT IS THE GOAL OF THIS COURSE?At the end of this course, you would be confident about creating responsive real-world websites with HTML and CSS and your understanding of all the essentials would be solidified. Your web design and web development skills would also be sharpened.WHAT IS COVERED IN THIS COURSE?1. Introduction and VSCode setup2. HTML and CSS Fundamentals3. Build a simple Page with HTML and CSS Basics4. How to code HTML and CSS faster with EMMET5. Build a Restaurant Website6. FlexBox7. Grid Layout - With Mini project8. Advanced CSS Concepts9. CSS Animations - transitions, transforms, and Keyframes.10. Build a Wed Design Agency Website using many advanced concepts learned.11. Optimize and Host the website on Netlify.12. SASS - Syntactically Awesome StylesheetWe are confident that at the end of this course, your web design and web development skills with HTML, CSS and SASS would be greatly improved.This course is project-based.We believe the best way to learn web design and web development is by practicing and that is why we build several projects including real-world responsive websites from scratch with HTML CSS and SASS. With the projects you build in this web design and web development course, you would be able to approach and any web design or web development project with clarity and confidence.Lecture ApproachThis web design and web development course with HTML, CSS and SASS take a beginner-friendly approach. We explain many advanced CSS concepts in an easy to understand manner. We cover the important basics of web development before delving into advanced areas in web development.
