CSS for Everybody: From beginner to boss

所在平台: Udemy

课程主页: https://www.udemy.com/course/css-for-everybody-the-perfect-beginner-course-with-tutorials-and-tips/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:人人都能学的CSS:从初学者到大师 课程概述:欢迎来到“人人都能学的CSS”课程,由您的编程老师Kalob Taulien主讲。本课程由三个迷你课程组成:CSS 101、CSS 201和CSS 301。 在CSS 101中,我们将开始学习如何使用CSS使HTML网站看起来更现代。该模块不要求任何经验,我们将从最基础的内容开始,确保您不会遗漏任何知识。 在CSS 201中,我们将深入了解中级CSS,学习动画、过渡、Flexbox和CSS Grid等高级内容。这将使我们掌握创建响应式网站的技能,以使其在桌面、笔记本、平板、手机甚至电视上都能良好显示。 CSS 301专注于响应式网页设计,这是确保网站在各种设备上看起来漂亮的关键。每个模块结束时都有大型项目,并且在课程中间会有多项任务让您获得实践经验。 要充分利用此课程,您需要具备基本的HTML知识,并且在观看视频时可能需要暂停以便与我一起编码。 课程内容: - 什么是CSS?CSS(层叠样式表)用于美化网站,所有的颜色、形状和布局都是通过CSS实现的。 - 该课程适合哪些人?如果您想让网站变得美观,适用于手机、平板、笔记本、台式机和电视等多种设备,这门课程非常适合您!无论您是从未写过CSS,还是想将技能提升到更高水平,都欢迎您参加。本课程也适合希望最终成为网页开发者的人。 在CSS 101中,您将学习: - 安装文本编辑器,了解CSS语法。 - 学习内联样式、内部样式和外部样式的区别。 - 使用CSS选择器为HTML元素设置样式、改变文本和颜色、设置链接样式、添加背景图片、设置边框、调整元素的高度和宽度、以及使用边距和填充来调整布局等。 在CSS 201中,您将学到更高级的CSS,包括: - 理解display属性和盒模型。 - 了解轮廓与边框的区别、特定元素定位、高级选择器、伪选择器和伪元素、过渡、动画、Flexbox和CSS Grid等。同时也会有期末项目和若干作业任务来帮助您立即实践。 在CSS 301中,您将专注于响应式网页设计: - 学习如何使网站在手机、平板、笔记本、台式机和电视等各种设备上看起来不错。 - 掌握如何运用媒体查询和移动优先设计的概念,并让图片和视频响应式。课程将以创建一个Flexbox(或CSS Grid)页面布局并将其转换为响应式网站的最终项目结束。 课程要求:您应该具备一定的HTML基础,因为CSS是与HTML配合使用的。如果您已经了解了一些HTML(不需要是专家),那么这门课程非常适合您!此外,您还需要访问互联网以流媒体观看课程,并需要一个免费的文本编辑程序,如VS Code。就这些!

课程评论(0条)

课程详情

Welcome to CSS for Everybody, with your coding teacher Kalob Taulien.This course is made up of 3 mini-courses that include CSS 101, CSS 201, and CSS 301.In CSS 101 we're going to get started with making an HTML website look a little more modern using CSS. Absolutely no experience is required for this module. Together, we'll start at the very beginning and go through all the basics so you don't miss anything.In CSS 201 we'll dive into intermediate CSS and work with things like animations, transitions, flexbox, and CSS grid. This will give us all the skills we need to start making websites responsive so they look good on desktops, laptops, tablets, phones, and even TVs.In CSS 301 we're focused completely on responsive web design. That's how we make a website look good on every device.There are big projects at the end of all three modules. And in between several lessons are tasks to get hands-on experience.To get the most out of this course, you'll need to know basic HTML. And you'll likely want to pause the videos every now and then and code along with me.Welcome to CSS for Everybody, and I'll see you inside.-What is CSS?CSS, otherwise known as Cascading Stylesheets, is used to make websites look and feel beautiful. See all the colors, shapes, and layouts on Udemy? That is all done using CSS.-Who is this course for?If you want to make websites look beautiful and work on device types such as phones, tablets, laptops, desktops, and TVs.this course is for you! If you've never written any CSS or you have written some CSS but want to level up your skill from beginner to boss, this course is for you! If you want to eventually get a job as a web developer, this course is for you!-What you'll learn in CSS 101:We'll start off with getting a text editor installed, and learning about CSS syntax (the coding-style in which CSS is written). Then we're going to dive into inline vs internal vs external styling, how to style certain HTML elements using CSS selectors, changing the text on our page, using different colors, changing default link styling, adding background images, working with borders, changing heights and widths of elements, changing spacing with margins and paddings, and making parts of your page see-through.There are several tasks between the lessons for immediate hands-on experience, along with a final project. What you'll learn in CSS 201:In this intermediate module, we'll apply everything we learned in CSS 101, and get our hands dirty with more advanced CSS. This includes understanding the display property, the box model, outlines vs borders, specific element positioning, advanced CSS selectors, pseudo selectors and pseudo elements, transitions, animations, flexbox, and CSS grid. Just like in the CSS 101 module, there is a final project and a bunch of homework tasks between the lessons for immediate hands-on experience. What you'll learn in CSS 301:CSS 301 is all about responsive web design. This is how we make websites look great on all devices including phones, tablets, laptops, desktops, TVs, and more. Responsive web design is the act of making a website "respond" to the width of the device that's viewing your website. With this, you can write one codebase that works well on every type of device so all of your viewers and website users will be happy. We'll dive right into media queries and what mobile-first means and why it's important. Then we'll make images and video embeds responsive. And we'll finish the course with a final project where you make a flexbox (or CSS grid) page layout and then transform it into a responsive website so it looks amazing on smaller devices like a phone. -Course requirements:You should know some basic HTML already. CSS is designed to work with HTML, so if you don't already know HTML then you'll want to learn HTML first. Otherwise, if you already know a little HTML (you don't need to be an expert) then this course is for you! You will also need access to the internet to stream the lessons and a free text editing program like VS Code. And that's it!

课程标签

0人关注该课程

主题相关的课程