|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/advanced-html-css-sass-build-and-deploy-modern-websites/
课程评论：没有评论
课程名称：高级HTML、CSS与SASS - 构建与部署现代网站 课程概述：在本课程中，您将学习每位初学者 web 开发者所需的基本技能，即 HTML 和 CSS，通过创建自己的博客网站并使用 GitHub 在互联网上发布和部署它，从而使其向全世界开放。我是 Norbert B.M.，一名经理，同时我通过诸如本课程以及我的 YouTube 频道和博客来教授 web 开发，在那里我为您提供大量的教育内容。我将带您从一名完全没有经验的初学者，变成一名自信的编码者，教授您两个核心技能，HTML 和 CSS。我决定采用完全实用的方法来教授本课程。 您将首先进行简单的环境设置，我将指导您使用市场上最流行的代码编辑器来设置编码环境，并向其添加我个人的编码扩展，以提高速度和效率。然后，我将为您介绍 HTML 的基本概念及其工作原理，接着直接开始创建您的第一网站。我将逐步引导您深入学习 CSS，涵盖颜色、字体、伪类和选择器，展示最佳实践示例、行业标准以及个人的小贴士和技巧，包括动画、过渡和反射，使网站在不同设备上响应良好，从台式机到平板和手机，使用媒体查询来实现，最后帮助您通过 GitHub 发布您的第一网站。 学习内容包括： - 开发环境的设置 - HTML 和 CSS 基础知识 - 构建和部署博客网站 - HTML 的基本概念和标签 - CSS 的基本概念、选择器、颜色、背景、边框、布局等 - 创建多网页的网站和导航 - 响应式设计 - GitHub 的使用及账户创建 - SASS 和 SCSS 介绍及其实用项目 课程适合对象： - 刚入门的 web 开发者 - 希望巩固 HTML 和 CSS 技能的初学前端开发者 - 希望提高技能和速度的高级开发者 - 希望为用户界面/用户体验创建强大可重用组件的前端开发者 - 想要快速原型的后端开发者 加入我，成为您第一网站的骄傲拥有者，并学习到三项新技能：HTML、CSS和网站部署。
In this Course you will learn the basic skills that every beginner web developer needs, HTML & CSS, by Creating your own Blog Website & Publishing / Deploying it on the internet using GitHub, making it accessible to the hole world.My Name is Norbert B.M. I am a Manager and I teach web development through courses like this and also on my YouTube channel and Blog, where I have tones of education content for you.I am gonna take you from a complete beginner, with 0 experience in creating websites, to a confident coder by teaching you two of the core pillars skills of web development, that is the HTML and CSS programing language.I decided to have a complete practical approach to this course.You will start up with a short Environmental setup, where I will help you setup your coding environment using the most popular code editor on the market. We will also add to it my personal Extensions for coding with speed and efficiency.I will then take you through just a basic introduction about what HTML is and how it works. And then, we will get strait in to creating your very first website. I will slowly drag you into deeper and deeper waters , throwing CSS at you with colors, fonts, Pseudo classes and selector, showing you best practice examples, industry standards and personal tips and tricks, for animations, transitions and reflections, making websites responsive on different devices reaching from Desktop to Tablet and Mobile using Media queries, with everything culminating in publishing your very first website for everyone to visit and experience on the internet using GitHub.What will you learn:How to Setup a Developer EnvironmentHTML & CSS Basics - Build & Deploy Blog Website What is HTMLHTML CommentsHTML Heading ElementsHTML Paragraph & Dummy TextHTML Horizontal Rules and Line BreaksHTML TagHTML StylesHTML ListsHTML LinksHTML TagHTML Semantic ElementsHTML ElementHTML ElementHTML TagHTML and TagHTML & tagsHTML TagHTML Symbols and IconsWhat is CSSCSS SelectorsHTML Elements ID there CSS selectionHTML Elements Classes and there CSS selectionCSS ColorsCSS BackgroundsCSS BordersCSS Margins and PaddingsCSS Selects All and General ResetText FormattingCSS FontsCSS Height, Width and Max-widthCSS Pseudo-classPseudo-elementCSS Layout - The position PropertyCSS Flexbox Layout ModuleCSS Grid Layout ModuleCreate Multiple Web pagesShared Web Page StructureNavigate between web pagesCSS Forms and Contact informationCSS TransitionsCSS Image ReflectionCSS 2D TransformsCSS AnimationsCSS Media QueriesResponsive About PageResponsive Blog Page and PostResponsive PostWhat is GitHub and How to create a GitHub AccountCreate a GitHub Repository & Publish your websiteCSS VariablesCSS Calc () MethodCSS Flexbox ProjectCSS Grid ProjectVisual Studio Code Extensions and Shortcut keysSASS & SCSS - The CSS with SuperpowersScss UtilitiesScss Project - Button ComponentScss Projects - Alert ComponentScss Project - Card ComponentScss Project - Navbar ComponentProject E-Learning Website using ScssWhat are the requirements or prerequisites for taking this course?Prior knowledge- Knowing just the basics of HTML and CSS can help, but for dose of you that don't know them I included a complete beginner HTML and CSS Fundamentals section where we build and deploy a blog website, teaching you all of the basics that you need to know.- For your more advanced developers you can take this as a short recap of your prior knowledge or just skip it entirelyToolsA basic PC or Mac is sufficient. What I would recommend is a dual monitor setup, whether you have two monitors, a laptop with another monitor, or just a tabled for viewing the course and coding separately on your device.Who is this course for?this course is for:- Beginner web developers that just got started.- Beginner Front End web developers that want to consolidate their HTML and CSS skills.- Advanced Web developers that wish to enhance their skills and speed using Sass and Scss.- Front End web developers that want to create powerful reusable components for there UI/UX.- Back End Web developers that want to create quick prototypes.So join me on this journey and be a proud owner of your very first website and as a byproduct also leave with 3 brand new Skills: HTML CSS and Website Deployment.
