个人作品集

感谢@jonas Schmedtmann 贡献的 Web 教育

内容

• Responsible Website - OmniFood 响应式实践的网页首页
• Advanced css - 数个利用 float，flex 和 grid 布局以及常见页面效果构建的网页首页
• Vanilla JS & DOM - Online Bank 原生 JS 和 DOM 实现的简易网上银行
• OOP JS & API - Workout Record on Map 地图选点记录个人运动经历的 Web 应用
• Real-World Practice - Recipe Finder & Uploader 功能仿下厨房一类 App 的菜谱查询和上传应用
• CRUD - Node practice Express + ejs 利用模板引擎构建的练习性项目，用以熟悉常见的增删查改和 cookie 与 session 概念

待办事项

Workout Record on Map

• 增加批量或全部删除功能
• 增加修改锻炼记录的功能
• 增加按特定条目对记录进行排序的功能（如里程或时间）
• 为记录增加更多栏目或私有信息（时间等）
• 解决 API 问题后，增加对用户坐标进行地理编码（城市和国家）的功能
• 若有余力，将现有记录在地图上的简单标记更改为对路线记录更加细致的线条和箭头
• 若有余力，引入其他天气 API，增加锻炼时所在地区的天气信息

Recipe Finder & Uploader

• 分页部分除去左右两端按钮，还可考虑在中间增加页数元素
• 增加按食谱特定栏目信息对食谱排序的功能（如份量）
• 在视图层完成食谱提交表单原料信息的校验
• 考虑增加食谱提交表单中的条目数量，如 6 条
• 新增购物车部分，食谱中增加一键购买功能，按份数在购物车中增加相应原料
• 若有余力，增加每周食谱规划功能，随机选择 n 天的食谱
• 若有余力， 引入其他营养成分计算 API，并在食谱中同时给出基于原料数量的卡路里量

Node practice

• node 正处于 cjs 和 es module 过渡期，很多 es 模块操作还是会报错，花时间把这个了解一下

面向所有作品

• 完成单元测试
• 在不罗嗦的前提下，利用 JSDOC 为重要函数和繁杂逻辑增加注释

github

• 顺便折腾一下 git 功能