|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/uwdbc-ultimate-web-development-boot-camp-2021/
课程评论:没有评论
**Coursera 课程总结:HTML, CSS, JS 与项目 (Flexbox & Grid)** 本课程“HTML, CSS, JS 与项目 (Flexbox & Grid)”是一门旨在全面提升学员网页开发技能的实用型课程。无论您是编程新手、希望进阶的网页开发者,还是寻求实践项目经验的学员,都能从中受益。 课程内容涵盖从基础到进阶的网页开发知识,并以完整的网站项目作为实践载体。主要内容包括: * **网页开发基础:** 深入学习 HTML 和 CSS 的核心概念,包括 CSS 动画、CSS 浮动布局等。 * **现代 CSS 布局技术:** 重点讲解 CSS Flexbox 和 CSS Grid 两种强大的布局方式,并通过实际项目应用。 * **响应式网页设计:** 学习如何创建能够适应不同屏幕尺寸的响应式网站。 * **Sass 预处理器:** 掌握 Sass 的使用,提高 CSS 的编写效率和组织性。 * **JavaScript 基础:** 学习 JavaScript 的基本语法和应用。 * **实战项目:** 课程包含五个完整的网站项目,涵盖技术栈包括 CSS 浮动、Flexbox、Grid、Sass 以及 JavaScript。项目详情如下: * **项目 1:DATA CONSULTANTS** - 使用 CSS 浮动布局构建科技公司的响应式登录页面。 * **项目 2:DRIVE EASY** - 使用 CSS Flexbox 布局构建驾校公司的响应式登录页面。 * **项目 3:HOME SERVICES GROUP** - 使用 CSS Grid 布局构建家居服务公司的响应式登录页面。 * **项目 4:WOOD FURNITURE** - 使用 Sass 及多种 CSS 布局技术(浮动、Flexbox、Grid)构建家具公司的响应式登录页面。 * **项目 5:DEAL SALE** - 使用 Sass、JavaScript 及多种 CSS 布局技术构建优惠促销公司的响应式登录页面。 此外,课程还提供关于如何充分利用课程资源的指导,以及关于未来学习方向的建议。 **报名即可获得终身访问权限,享受全面的网页开发资源和项目学习机会。**
Web Development has always been in demand and a must have skill whether you are looking to have a career in web development, or build web site for you.Ultimate Web Development Development Boot Camp is build on a practical approach taking you through the basics, implementing the knowledge through examples and then each topic is followed by a Complete Web Site Project.Whether you are new to programming, already know about the web development and want to take your skills to the advanced level or you are good at web development and looking to have practical projects experience, this course is for you. A quick bird eye view of the course contents is given below for your reference.Introduction of World Wide WebHow to get the best out of this courseCoding Environment SetupHTML Crash CourseCSS Crash Course (including CSS Animations)CSS Layouts CSS Floats[PROJECT # 1] DATA CONSULTANTS - Website landing page for a technology company DATA CONSULTANTS with complete design and developed using CSS Floats layout. The project includes responsive web design for the site the work on all different screen sizes.CSS Flex Box[PROJECT # 2] DRIVE EASY - Website landing page for a driving school company DRIVE EASY with complete design and developed using CSS Flex Box layout. The project includes responsive web design for the site the work on all different screen sizes.CSS Grid[PROJECT # 3] HOME SERVICES GROUP - Website landing page for a home services company HOME SERVICES GROUP with complete design developed using CSS Grid layout. The project includes responsive web design for the site the work on all different screen sizes.Responsive Web DesignSASS Crash Course[PROJECT # 4] WOOD FURNITURE - Website landing page for a wood furniture company WOOD FURNITURE with complete design developed using SASS and various CSS layout techniques i.e. CSS Floats, CSS Flex Box and CSS Grid. The project includes responsive web design for the site the work on all different screen sizes.JavaScript Crash Course[PROJECT # 5] DEAL SALE - Website landing page for a company offering best deals in town named DEAL SALE with complete design and developed using SASS and JavaScript with various CSS layout techniques i.e CSS Floats, CSS Flex Box and CSS Grid. What Next - Where to go from here?ENROLL NOW and get Life Time access to a complete range of web development resources and projects.