javascript - web前端初学者想做一个练手的项目，应该怎么起步

Question

我已经掌握了HTML、CSS、也啃完了js高级程序设计的一些主要章节，对jquery有一些了解。

现在想要着手做一个练手的项目，想请问应该怎么起步。(有室友写后台和数据库)

比如一个视频网站，我的大致设想是一个主页面，播放页面，用户个人信息页面。(只是大致这么分)

先不谈什么复杂的架构，就从最基本的目录结构来讲，应该怎么做。像什么UI、Model、controller什么的

求前辈们指导！

Answer 1

单纯的奔产品去的，就写个cms，以后接单，赚钱全靠他。
单击的奔练技术去的，可以练习js原生功底。
比如写一些经典的小demo，这不是我写，只是感觉不错，分享一下：
http://www.fgm.cc/learn/

Answer 2

http://todomvc.com/

Answer 3

菜鸟一枚，共同进步。
假如你朋友是用Java语言开发的话，目录结构大概如下，当然你也可以根据自己理解进行扩展。

后台目录：

bean：存放一些实体类
controller: 存放一些servlet，转发请求
dao: 数据访问对象,用于和数据库交互

前台目录：

css：存放css文件
js：存放js文件
jsp：存放jsp文件,即java的前端html页面
music：音乐文件
video：视频文件

以上目录结构，相对还是比较简洁，仅供参考。
其实为了更好的做一个练手项目，我觉得最好是先到网上down个实战视频跟着做，多吸收点别人成熟的经验后再自己着手去练，这样的话，会少走很多弯路，也能提高自己的全局观，同时巩固自己所学的内容。

Answer 4

我跟楼主一样，HTML和CSS已经掌握了差不多，JQ的DOM、BOM操作也没什么大问题，现在也在看高级程序设计，第四遍~~每次都有不少收获啊~（题外话 - -!）
不知道楼主在这项目中主要想学或者说想练习什么呢？看前面的意思好像是要写前端页面，看后面又感觉想弄MVC，建议根据后台语言选择合适成熟的MVC框架，想练习写页面可以直接写了，想学MVC就多看源码，具体哪个层实现什么功能、如何实现等。个人想法，本人菜鸟，共同学习~

Answer 5

一个模仿天猫官网来练手的，从最基本的html做起来，一点点加上css，做出跟天猫差不多的效果，收获很大

模仿天猫前端交互式学习教程：
how2j.cn/k/tmall-front/tmall-front-790/790.html?tid=37