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库

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

写给自己的web开发资源的更多相关文章

  1. 极客Web开发资源大荟萃

    前端开发已经成为当前炙手可热的技术之一.此次我们总结的前端开发包含了相关技术和流行趋势,希望从中大家可以挖掘你们所需要的,并带给你们最有价值的帮助!原文来自:极客标签 使用代码回放来愉快地学习前端知识 ...

  2. 移动web开发资源大整合

    移动web开发资源大整合 http://www.cnblogs.com/PeunZhang/p/3407453.html

  3. web开发资源导航

    实用工具 前端在线工具 兼容性速查 html5兼容性查询 node-es6支持度 es6兼容性表查询 设备es6支持度 游览器H5支持度 浏览器内核检测工具 手机设备信息检测 浏览器市场份额 文档手册 ...

  4. 2016 Web开发资源工具大搜罗

    来源于:https://zhuanlan.zhihu.com/p/22730771 作者:余博伦链接:https://zhuanlan.zhihu.com/p/22730771来源:知乎著作权归作者所 ...

  5. 2016 Web 开发资源工具大搜罗

    原文链接: 100+ Awesome Web Development Tools and Resources Web的迅猛发展对于开发者来说既是一件好事也是一件坏事.不断紧跟潮流学习新的技术.编程语言 ...

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

    原文 http://mp.weixin.qq.com/s?__biz=MjM5OTEzMzQwMA==&mid=2651667152&idx=2&sn=1dd7a77a2eff ...

  7. 移动WEB开发资源

    很多移动开发的资源 http://www.cnblogs.com/PeunZhang/p/3407453.html

  8. 超全的web开发工具和资源

    首页 新闻 产品 地图 动态 城市 帮助 论坛 关于 登录 注册 · 不忘初心,继续前进,环境云V2接口正式上线 · 环境云测点地图全新改版 · 祝福各位环境云用户中秋快乐!   平台信息 培训互动 ...

  9. Web前端开发资源集锦

    前端开发已经成为当前炙手可热的技术之一.本周我们除了给大家带技术相关资讯,还有一些技术人员常用的网站.希望大家不要错过我们本周的内容.原文来自:极客标签 为神马说写程序是很艰难的 程序员 做一名优秀程 ...

随机推荐

  1. <转>VPN技术原理

    原文地址:VPN技术原理 VPN,Virtual Private Network(虚拟专用 网络),被定义为通过一个公用网络(通常是因特网)建立一个临时的.安全的连接,是一条穿过公用网络的安全.稳定的 ...

  2. 2. javacript高级程序设计-在HTML中使用JavaScript

    1.1 <script>元素 向HTML页面中插入JavaScript的主要方法,就是使用<script>元素,<script>元素定义了一下6个元素: (1). ...

  3. Java for LeetCode 237 Delete Node in a Linked List

    Java实现如下: public class Solution { public void deleteNode(ListNode node) { if(node==null||node.next== ...

  4. windows配置nginx实现负载均衡集群

    windows配置nginx实现负载均衡集群2014-08-20 09:44:40   来源:www.abcde.cn   评论:0 点击:617 网上大部分关于nginx负载均衡集群的教程都是lin ...

  5. MST:Bad Cowtractors(POJ 2377)

    坏的牛圈建筑 题目大意:就是现在农夫又要牛修建牛栏了,但是农夫想不给钱,于是牛就想设计一个最大的花费的牛圈给他,牛圈的修理费用主要是用在连接牛圈上 这一题很简单了,就是找最大生成树,把Kruskal算 ...

  6. 深入浅出JMS(一)——JMS简介

    如果手机只能进行实时通话,没有留言和短信功能会怎么样?一个电话打过来,正好没有来得及接上,那么这个电话要传递的信息肯定就收不到了.为什么不能先将信息存下来,当用户需要查看信息的时候再去获得信息呢?伴随 ...

  7. 【编程题目】n 个骰子的点数

    67.俩个闲玩娱乐(运算).2.n 个骰子的点数.把 n 个骰子扔在地上,所有骰子朝上一面的点数之和为 S.输入 n,打印出 S 的所有可能的值出现的概率. 思路:用递归把每个骰子的可能情况变量,记录 ...

  8. [javascript]获取系统时间函数

    var oDate=new Date(); //初始化系统时间函数 alert(oDate.getHours()); //获取时 alert(oDate.getMinutes()); //获取分 al ...

  9. MyBatis之CRUD

    1 mybatis框架介绍 1.1回顾jdbc操作数据库的过程 1.2 mybatis开发步骤 A.提供一个SqlMapperConfig.xml(src目录下),该文件主要配置数据库连接,事务,二级 ...

  10. 基于SSH2的OA项目1.1_20161207_业务开发

    1.1建立用户的pojo模型 建立user.java package org.guangsoft.pojo; import java.util.HashSet; import java.util.Se ...