|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-css3-flexbox-build-responsive-websites-in-2018/
课程评论:没有评论
课程名称:HTML与CSS Flexbox:创建惊人的响应式网站 概述:这是一门在Flexbox主题上备受欢迎的Udemy课程。授课教师Luis Carlos是一位经验丰富的工程师与网页开发者,他会用简单易懂的方式传授丰富的网页开发知识。课程旨在帮助学生以最简单高效的方式构建现代网站,重点讲解如何利用Flexbox布局模型创建响应式网页。 为何选择Flexbox?CSS Flexbox能显著简化布局的复杂度,帮助开发者轻松实现复杂的布局需求,同时可以用更少的、整洁的代码来完成设计。 课程学习内容包括: - 父元素(容器)和子元素(flex项目)的属性 - 对齐与定位flex项目 - 以不同方向和顺序排列项目 - 填充剩余空间并收缩元素以避免溢出 - 使用Flexbox创建响应式网页及其内容 - 高级布局技巧 - 使用媒体查询结合Flexbox属性创建响应式站点 - 创建响应式表单和网页画廊 - 使用CSS3属性创建动画和效果 - 使用jQuery创建交互式页面 - 将Flexbox模型与Bootstrap框架结合应用 课程结构包括多个模块,前两个模块主要讲解创建网站所需的Flexbox属性。课程中还会指导学员创建真实网页,并展示如何使用一种或两种方向的布局完成Holy Grail布局。学习完成后,学员将能够使用Flexbox模型为个人项目设计适应各种设备的网页。 课程中提供了一些文档作为学习指南,并包含测验,以测试学习者在课程中获得的知识。 课程推荐观看速度为1 - 1.25倍。 课程评价也非常积极,许多学生表示这门课程内容明确、实例丰富、适合初学者,并期待更多来自该老师的课程。
*** Udemy best seller in Flexbox topic*** "Perfect!!! The instructor is an excellent communicator, and explains practical content in a concise manner, in a way that is easily understood. I've been working on building my own web app, and he makes difficult concepts simple." - Jordan McEachern***Last Update - July 2019***Are you looking for a course to build a modern website in the easiest and most efficient way? If your answer is yes, you're in the right place. Here you will learn how to build responsive and modern websites using the flexbox layout model.My name is Luis Carlos, im an enginner & a web developer, and I will be your guide in the next hours for this course. I have several years of experience as a trainer and I will pass on all my knowledge in the area of web development.Why Flexbox?CSS Flexbox simplifies complexity.With Flexbox you will be able to do more with layouts, and allow you to reach the complex layout in an easier and fun way writing less & clean code to create them.What you will learn and be able to do at the end?Properties for parents (container) and childrens (flex items)Align and position flex itemsArrange items in different directions and ordersFill the remaining space and shrink elements to not overflowCreate a responsive webpage with the respective contentAdvanced layout techniquesUse of media queries and flexbox properties to create responsible sitesCreation of a responsive form and web gallery using flexboxUse of CSS3 properties to create animations and effectsCreate interactive pages with JqueryFlexbox Model applied with Bootstrap frameworkHow is the course structured?The course is structured in several sections where the first part (section 2 and 3) is dedicated to the properties used for creating websites using the flexbox model. The section 4 guide to a real webpage, where i create the holy grail layout using 2 methods, one where i use only one dimension layout and later the same layout will be done in two dimensions using nested containers.With the main layout finished it will be added the content in order to understand how the flexbox will position and align all the content of the page. After create the first real webpage, it's time to learn advanced techniques to create layouts, where you can check the great dynamic and versatility of the flexbox model.At this point you can already create websites to your own projects, and only need to adapt your website to all types of devices, which is why you learn in section 5 to use media queries in site creation. Section 6 is dedicated to the creation of pages with different kinds of contents, using always the flexbox model, showing the great capacity that this model has for creating multiple web contents (Responsive web galleries/ Forms / Image accordion slider/interactive pages using Jquery)The course has some documents available that you can follow and can work as your guide, where it is possible to verify the planning and details that I outlined for the creation of the webpage and some details about layouts and some flexbox properties.Finally, i have created quizzes in which you can test the knowledge acquired during the courseRecommended speed: 1 - 1.25x---What people say about my courses---Recent reviews from another courses:"Ideal for students that are starting in this area. The instrutor goes direct to the subject, and make good code exemples. I have truly enjoyed this starting course of html. im waiting for new videos and other courses in this area by this instructor"*AA*"Good basic stuff fot those who are starting. Exercises made in videos are very well explained in each topic. I feel confident to the next exercises"*TK*"Videos with well defined content. Great step by step overview of each base number with many examples to understand all the conversions. This tutorial is very well prepared, the pace is perfect and the material presented is structured well."*JW*