HTML5开发项目实战:地铁计价器

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程主要了解地铁计价器的实现过程,包含布局、样式和算法及数据的整理。让学员掌握如何从零开始,实现一个地铁计算器。

    1.功能介绍和布局 00:15:22

    本课时讲解地铁计价器的使用和布局的设计,让学员了解功能需求和布局的设计风格。

    2.为地铁计价器布局添加 CSS 样式 00:23:29

    本课时讲解地铁计价器的布局上添加 CSS 样式,根据项目需求完成布局效果,包含下拉菜单和按钮的设计。

    3.地铁线路及站点数据 00:18:46

    本课时讲解地铁线路及站点数据,以及通过 JS 完成基本样式修改和添加。

    4.计算具体费用 00:11:18

    本课时讲解通过算法为用户选择最短路径,根据距离计算最短距离的花费。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5开发项目实战:地铁计价器

4课时,69分钟
iwen
iwen

极客学院金牌布道师

课程背景:
随着北京地铁价格的调整,人们对于自己每天或者一年的花费开始了计算。而这是随之而来的就是智能的地铁计价器。本课程将带你从零开始,完成地铁计价器功能


核心内容:
1.布局设计
2.样式添加
3.数据整理
4.算法使用


软件环境:Webstorm


是否提供资料:


课程等级:初级


适合人群:
零基础开发者

  • 技术问答
  • 1

    功能介绍和布局

    15:22

    本课时讲解地铁计价器的使用和布局的设计,让学员了解功能需求和布局的设计风格。

  • 2

    为地铁计价器布局添加 CSS 样式

    23:29

    本课时讲解地铁计价器的布局上添加 CSS 样式,根据项目需求完成布局效果,包含下拉菜单和按钮的设计。

  • 3

    地铁线路及站点数据

    18:46

    本课时讲解地铁线路及站点数据,以及通过 JS 完成基本样式修改和添加。

  • 4

    计算具体费用

    11:18

    本课时讲解通过算法为用户选择最短路径,根据距离计算最短距离的花费。

相关课程