web开发给我的感觉就是乱七八糟,而且要学习感觉总是会有东西要学习,很乱很杂我也没空搞,(其实学习这个的方法就是去用它,什么你直接用?学过js么学过jquery么?哈哈,我没有系统的看完过,但是也做出来很棒的东西,只不过层次不一样)但是很多前端的美感就是我一直在追寻的艺术与技术的结合,虽然现在准备做科学了,但是有时候任然想来玩玩,搜集资料是满浪费时间的,如果你找到这篇文章,这说明你很幸运

模板库

怎么才能给自己点成就感和以后的学习目标呢?最简单的方法就是构思一个想法,然后去找找模板,修改下,看看修改中遇到什么知识,然后再去查阅学习下。

搜索下有蛮多模板资源网站呢,我可以推荐两个,一个,两个,好啦,就这样

插件库

当你在修改模板的时候比如你想增加一个地图模块,或者增加一个数据统计图,或者一个slider这个时候怎么办呢?我可以告你好消息就是有很多的插件你可以用,那怎么找到插件呢?这里我推荐几个插件库,它们把这些插件搜集起来了,然后你可以快速的看到效果并且找到先关插件代码

看这里,看这里,看这里

除此之外,这里还有一个很酷的代码片段库,有例子

前端框架

当然,使用这些框架你可以得到比较高级的响应式布局之类的东西,其中最出名的就是Bootstrap,jquery的ui也是在做这个东西,但是你知道我是有品位的人,所以我推荐个小清新风格的groundworkcss,腾讯有个动画前段框架,这些事css的框架或者js的前段动画框架,这样类型的框架可以搜索到,我没什么建议,如果你有可以留言

更酷的东西

除了上面说的你可以搜索一些css动画库或者框架之外,还有一些3d的框架:比如three.js

什么是前段什么是后台

前端就是比较专注于排版页面,我觉得是艺术上的东西

那后端呢,就是一些数据啊,逻辑啊,一些技术上的东西

其实这个区分主要是为了方便web开发,这也是觉得web开发混乱的地方,

我比较喜欢python编程也了解和学习过python的一些框架,其中可以做服务器编程那部分就是后台的事情了

python啊ruby啊js啊都有一些后台的框架(其实就是一些常用功能的集合)

比如python的Django和web2py(我比较喜欢用这个,全站式的),还有ruby的ruby on rails,js的nodejs这些都可以做后台,当我们在做web开发,考虑业务的时候就要考虑这么分内容了

参考资料:

https://github.com/alsotang/node-lessons

数据可视化

推荐这个网站(http://visualizing.org/),里面搜集了一些可视化的例子

这个网站(http://selection.datavisualization.ch/)介绍了一些可视化工具,里面也是以画廊形式介绍的,个人比较喜欢的方式

说道具体的数据可视化库,很推荐百度的echarts

d3是一个很专业js数据可视化库,这个是它的画廊

关于地图地图有个叫mapbox的东西,它 的底图有很强的艺术风格,它的画廊在这里,还有这里,如何开始可以参看官方文档很好

除了地图之外还有时间的可视化,时间线的js库

~~不写了,跑步去了~~

转载于:https://www.cnblogs.com/wybert/p/4382002.html

写给自己的web开发资源相关推荐

  1. 分享十佳Web开发资源

     分享十佳Web开发资源 width="22" height="16" src="http://hits.sinajs.cn/A1/weibosh ...

  2. 手把手教你写网站:Python WEB开发技术实战

    摘要:本文详细介绍了Python WEB开发的基础入门.以一个博客站点的开发为例讲解了基于Django框架开发WEB站点的全过程.通过本文的学习可以快速掌握基于Django的Python WEB的开发 ...

  3. 开源中最好的Web开发资源汇总

    我的github http://github.com/wangqianfront 学习HTML 5编程和设计 ★HTML5 Rocks : Major Feature Groups 的学习 HTML5 ...

  4. 优秀开源Web开发资源大集合

    2019独角兽企业重金招聘Python工程师标准>>> 学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的 ...

  5. [札记]开源中最好的Web开发资源汇总

    转自:http://news.cnblogs.com/n/104563/ 学习HTML 5编程和设计 ★ HTML5 Rocks : Major Feature Groups  的学习 HTML5 的 ...

  6. 100个Web开发资源(收藏)

    对于 Web 工程师来说做好和最糟糕的事都是 Web 技术的日新月异.这也意味着作为一个 Web 开发者来说一定要不断的学习,适应变化. 今天小编列举出了自己开发和学习过程中遇到的好工具和资源,在这里 ...

  7. 100+ 值得收藏的 Web 开发资源

    对于 Web 工程师来说做好和最糟糕的事都是 Web 技术的日新月异.这也意味着作为一个 Web 开发者来说一定要不断的学习,适应变化. 因此,作者列举出了自己开发和学习过程中遇到的好工具和资源,在这 ...

  8. java 写一个商店_Java Web开发之基于Session的购物商店实现方法

    本文实例讲述了Java Web开发之基于Session的购物商店实现方法.分享给大家供大家参考,具体如下: package cn.com.shopping; import java.io.IOExce ...

  9. pythonweb开发-手把手教你写网站:Python WEB开发技术实战

    摘要:本文详细介绍了Python WEB开发的基础入门.以一个博客站点的开发为例讲解了基于Django框架开发WEB站点的全过程.通过本文的学习可以快速掌握基于Django的Python WEB的开发 ...

最新文章

  1. [转载]MVC、MVP以及Model2(下)
  2. PC市场连续5年滑坡,但对惠普戴尔来说是好消息
  3. NHibernate获取实体配置信息(表名,列名等等)
  4. html-表单初级验证
  5. C#动态调用WCF接口,两种方式任你选。
  6. signature=31dd91e9b698a2c577ac276c1a6ed0c4,openssl的man中文文档 - 1(转)
  7. Ubuntu 离线安装软件包
  8. 快速稳定下载googledrive文件
  9. 京东商城,超大型电商系统架构设计原则与实践!8页ppt详解
  10. vue-video-player,切换页面时控制台报错:TypeError: this.el_.vjs_getProperty is not a function解决方案
  11. JS 模拟手机页面文件的下拉刷新
  12. 魔法门之英雄无敌3 android,魔法门之英雄无敌3 v0.86.04
  13. 2012年第一批中关村高端领军人才公示公告
  14. SourceTree的简单使用
  15. 【软件安装】MySQL8.0安装图文教程及可视化工具Navicat安装
  16. 【论文阅读】DouZero: Mastering DouDizhu with Self-Play Deep Reinforcement Learning
  17. ruby: 在Ubuntu上安装Ruby, ruby gems
  18. 计算机操作系统之进程与线程
  19. c语言中以追加只写方式打开文本文件,C语言中打开文件读取,写入的操作
  20. nio和io拷贝文件性能对比

热门文章

  1. LeetCode 10. Regular Expression Matching python特性、动态规划、递归
  2. cuda安装教cudnn安装显卡问题
  3. BERT大火却不懂Transformer?读这一篇就够了 重点 命名实体识别
  4. 如何通过HTTP优雅调用第三方-Feign
  5. NVIDIA GPU的快速傅立叶变换
  6. pytorch空间变换网络
  7. HarmonyOS系统概述
  8. 反应式系统实现MQTT客户机
  9. 2021年大数据Kafka(五):❤️Kafka的java API编写❤️
  10. 2021年大数据常用语言Scala(十一):基础语法学习 方法参数