|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/modern-html-css-from-the-beginning/
课程评论：没有评论
课程名称: 从头开始的现代HTML与CSS 2.0（2024年新版） 课程概述: 该课程在2024年进行了全面更新，适合希望从头学习HTML/CSS的初学者以及想要构建一些酷项目的资深开发人员。这是我最重要的课程，因为它是我创造的所有内容的入门点。无论您是想使用React构建前端应用程序，还是使用Node.js、PHP、Python等进行全栈开发，您都会在某种程度上使用HTML和CSS。 课程内容涵盖各种HTML标签、元素和结构，以及大量CSS属性和概念，配合沙盒环境进行实践。除了学习模块外，还有迷你项目、挑战和三个主要的网站项目。其中一个项目使用了BEM CSS方法论。前几个部分针对初学者设计，即使您从未构建过任何内容，也能学习到所有基础知识。如果您已经具备HTML与CSS的基础知识，可以选择跳过相应部分，学习所需内容或直接进入项目实践。 课程主要覆盖内容: - 网站工作原理 - Visual Studio Code的设置、快捷键、实时服务器和Emmet - HTML5语义元素与布局 - CSS基础知识（颜色、字体、对齐等） - 盒模型、边距、内边距和边框 - 响应式设计与媒体查询和容器查询 - CSS单位（rem、em、vh、vw等） - Flexbox布局模型 - CSS网格 - 使用关键帧和过渡进行动画 - 使用JavaScript切换类和样式 - CSS自定义属性 - Git与Github - 将网站部署到Netlify和Vercel - 迷你项目与挑战 - 项目1 - Lumina创意机构网站 - 项目2 - 辅导课程网站 - 项目3 - Leno移动应用网站（BEM方法论） - 更多内容 此课程是学习现代网页开发的基础，无论您是初学者还是有经验的开发者，都能从中受益。
Just revamped for 2024, this course is for both beginners that want to learn HTML/CSS beginning to end as well as seasoned developers that just want to build some cool projects. This is my most important course because it is the entry point to everything else that I have created. Whether you want to build front-end applications with React or full stack Node.js, PHP, Python, etc, you will always need use HTML and CSS in some way.We go over all kinds of HTML tags, elements and structure and tons of CSS properties and concepts with a sandbox environment. Outside of these learning modules are mini-projects, challenges and 3 main website projects. One project uses the BEM CSS methodology.The first few sections are tailored for beginners so even if you have never built anything before, you will learn all of the basics. If you already have experience with basic HTML & CSS, you can skip around and learn what you need or just go right into the projects.Things We Cover In This CourseHow Websites WorkVisual Studio Code Setup, Shortcuts, Live Server & EmmetHTML5 Semantic Elements & LayoutCSS Fundamentals (colors, fonts, alignment, etc)The Box Model, Margin, Padding & BorderResponsive Design With Media and Container QueriesCSS Units - rem, em, vh, vw, etcFlexbox Layout ModelCSS GridAnimation with Keyframes & TransitionsUsing JavaScript to toggle classes & stylesCSS Custom PropertiesGit & GithubDeploying Websites to Netlify and VercelMini-Projects & ChallengesProject 1 - Lumina Creative Agency WebsiteProject 2 - Tutor Course WebsiteProject 3 - Leno Mobile App Website (BEM Methodology)Much More
