pokedex-javascript:使用香草JavaScript创建并使用CSS样式的Pokedex应用

  • a0_137511
    了解作者
  • 25.2MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-15 07:46
    上传日期
PokeScript 关于 通过Vanilla JavaScript创建的Pokemon应用程序,并使用CSS进行样式设置,这是CareerFoundry的Full-Stack Web开发课程的一部分。 这个简单的应用程序从外部API加载数据,在单独的按钮上显示每个对象,并以模式显示更多详细信息。 该项目的目标是在课程开始时学习基本JavaScript(变量,函数,数组,DOM交互,AJAX等)。 要查看托管网站,请单击。 完成本练习后,我使用Bootstrap和jQuery创建了更新版本,可以在找到它们。 计划的更新: 样式更新(背景,模式,图标,字体) 在L和S屏幕上使用不同的背景图像 搜索栏,可能是“排序”功能 “返回页首”按钮 加载指示器 错误处理和错误消息(例如离线模式) M和S屏幕上的汉堡菜单 更换徽标 滚动条 隐藏按钮轮廓
pokedex-javascript-master.zip
  • pokedex-javascript-master
  • .eslintrc
    193B
  • dist
  • styles.min.css
    1.4KB
  • scripts.min.js
    2.2KB
  • js
  • promise-polyfill.js
    3.2KB
  • fetch-polyfill.js
    15KB
  • scripts.js
    5.1KB
  • css
  • styles.css
    4.3KB
  • poke-min.png
    317.1KB
  • README.md
    1.1KB
  • index.html
    2.7KB
  • img
  • favicon.png
    2.6KB
  • modal.jpg
    102KB
  • background.jpg
    408.8KB
  • mobilebackground.jpg
    697.6KB
  • pokemodal.png
    10.6MB
  • logo.png
    6.7KB
  • pokescript.png
    13.1MB
内容介绍
# PokeScript ![app demo](/img/pokescript.png) ## About Pokemon app created with vanilla JavaScript and styled with CSS as part of CareerFoundry's Full-Stack Web Development course. This simple app loads data from an external API, displays each object on a separate button and shows further details in a modal. ![app demo](/img/pokemodal.png) The goal of this project was to learn basic JavaScript (variables, functions, arrays, DOM interaction, AJAX, etc.) in the beginning of the course. To see the hosted website, click [here](https://lillapulay.github.io/pokedex-javascript/). After this exercise I created an updated version using Bootstrap and jQuery, which can be found in [this repo](https://github.com/lillapulay/jquery-pokedex). ## Planned updates: - [x] Styling updates (background, modal, favicon, font) - [x] Use different background images on L and S screens - [ ] Search bar, possibly a 'sort' function - [ ] 'Back to top' button - [ ] Loading indicator - [ ] Error handling and error messages (e.g. offline mode) - [ ] Hamburger menu on M and S screens - [ ] Replace logo - [ ] Scrollbar - [ ] Hide button outline
评论
    相关推荐