从头开始构建一个响应式网站

4.4客户平均评分

以最大的效率和组织建立一个现代化的网站

  • 27日视频
  • 2小时2分钟
  • 3044快乐的学生

关于课程

近年来,前端开发取得了长足的进步。网站曾经很简单,只有几个页面,几个jQuery插件,也许还有一些处理表单提交的服务器端功能。

现在,构建一个现代前端网站涉及到样板、生成器、包管理器、任务运行器、前处理器和后处理器。web开发的复杂性随着许多移动部件不断增长。对于那些刚刚开始或从旧技术过渡的人来说,这是令人困惑和不堪重负的。

在我们的响应式Web开发课程中,我们将为您提供构建现代响应式网站的蓝图。Guilherme Müller引导您通过使用强大的工具和概念构建前端工作流的过程。本课程不仅涵盖了现代响应式web开发的理论,你还将学习如何在实践中应用这些基本概念。通过构建一个单页的投资组合网站,我们将一步一步地通过行动演示每个概念。

具体来说,我们将包括:

为了完成这门课程,我们将使用网络浏览器、文本编辑器和命令行界面。您需要熟悉HTML、CSS和JavaScript才能学习这门中级课程。这可能很棘手。

一旦你完成了这门课程,你可能想要检查函数式JavaScript编程,了解web是如何进步的,以及JavaScript是如何朝着函数式编程前进的。

  • 27日视频
  • 2小时2分钟
  • 3044快乐的学生

课程大纲

第一课:简介
免费的
简介
3:58
第2课:计划和切片
设计
4:39
出口的资产
2:54
第3课:设置前端工作流
什么是前端工作流?
3:45
安装Node.js、npm和Gulp
6:23
安装Gulp插件
4:52
创建Gulp任务
8:31
测试
第4课:使用HTML
BEM方法
5:03
构建HTML页面结构
3:12
页面内容的HTML
6:46
第5课:使用Sass
萨斯部分结构
5:54
响应式Mixins和函数
7:02
CSS重置,谷歌字体和字体真棒
4:36
第6课:构建网格系统
网格系统概念
4:20
在CSS中创建网格原型
3:02
创建一个响应式网格混合
5:40
测试
第7课:网站样式设计
样式化标题和导航
5:00
页脚样式
5:28
样式化页面部分
3:29
样式化投资组合部分
3:22
博客部分的样式必威滚
3:35
为联系人表单设置样式
3:34
创建一个响应式汉堡菜单
5:57
细化响应性
8:57
第八课:结论
结论和下一步
2:46
  • 27日视频
  • 2小时2分钟
  • 3044快乐的学生
Baidu