Skip to content

qwas3110/RestaurantReviews-APP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#移动网络专家认证课程

三个舞台课程素材项目 - 餐厅评论

##项目概述:第1阶段

对于** Restaurant Reviews 项目,您将逐步将静态网页转换为可移动的Web应用程序。在第一阶段**中,您将采用缺乏可访问性的静态设计,并将设计转换为对不同尺寸的显示器进行响应,并且可供屏幕阅读器使用。您还将添加服务工作人员,以开始为用户创建无缝脱机体验。

###规格

您已经获得了餐馆评论网站的代码。代码有很多问题。它几乎不能在桌面浏览器上使用,更不用说移动设备了。它也不包含任何标准辅助功能,并且根本不能脱机工作。您的工作是更新代码以解决这些问题,同时仍保持所包含的功能。

###项目专栏

根据[餐厅评论项目标题](https://review.udacity.com/#!/rubrics/1090/view),您的项目将由Udacity代码评审员进行评估。请查看详细的项目要求。该规则应该是您定期参考的资源,以确保您的项目符合规范。

###我该怎么做?

1.在此文件夹中,启动一个简单的HTTP服务器以提供本地计算机上的站点文件。 Python有一些简单的工具可以做到这一点,你甚至不需要知道Python。对于大多数人来说,它已经安装在您的计算机上。

*在终端中,检查你拥有的Python版本:`python -V`。如果您有Python 2.x,请使用`python -m SimpleHTTPServer 8000`(或其他端口,如果端口8000已在使用中)启动服务器。对于Python 3.x,您可以使用`python3 -m http。服务器8000`如果您没有安装Python,请导航到Python的[网站](https://www.python.org/)下载并安装该软件。

*注意 - 对于Windows系统,默认情况下,Python 3.x安装为python。要启动Python 3.x服务器,只需输入python -m http.server 8000即可。 2.在服务器运行的情况下,访问网站:http:// localhost:8000,并环顾四周看看当前体验是什么样的。 3.浏览提供的代码,并开始制定计划以在三个方面实现所需功能:响应式设计,可访问性和离线使用。 4.编写代码以实现更新,以使该网站成为移动就绪网站。

Leaflet.js和Mapbox:

此存储库使用[leafletjs](https://leafletjs.com/)和[Mapbox](https://www.mapbox.com/)。您需要使用[Mapbox](https://www.mapbox.com/)中的令牌替换“<您的MAPBOX API KEY HERE>”。 Mapbox可免费使用,不需要任何付款信息。

###关于ES6的注意事项

此项目中的大多数代码都已编写到ES6 JavaScript规范中,以便与现代Web浏览器和面向未来的JavaScript代码兼容。尽可能地尝试在您编写的任何其他JavaScript中保持使用ES6。

About

餐厅点评APP

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published