转自:https://www.douban.com/group/topic/89224406/
www.w3cschool.cn
学技术,从W3Cschool开始在W3Cschool,你可以找到你所需要的所有的网站建设教程。 从基础的HTML到XHTML,乃至进阶的XML、SQL、数据库、多媒体和WAP。 从左侧的菜单选择你需要的教程! 完整的网站技术参考手册...
总的来说前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行,你必须对这三门语言都很熟悉,至少要能够运用它们完成大多数任务,而无需频繁地寻求别人的帮助。
先明确三个概念:
HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。
CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。
JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。
入门的可以先从较为系统的技术学习网站开始学习。
前端的基础:JavaScript,HTML,CSS,然后学习jQuery。
HTML/CSS入门,就照着 http://www.w3cschool .cn/的实验做,把
http://www.w3cschool .cn/index-6.html 和
http://www.w3cschool .cn/index-7.html 两套做完了就入门了。
初学者,基础入门可以按照学习《网站构建初级教程》 http://www.w3cschool .cn/index-51.html路径学习,
如果是开发者,可以参看《网站构建高级教程》 http://www.w3cschool .cn/index-43.html。
看教程的同时,要多多练习。走向大神的路无他,唯手熟尔。可以模仿自己喜欢的漂亮的网站,写写页面,实现一些特效。
另外基础篇
1.Web - HTML基础入门 http://www.w3cschool .cn/index-5.html
如果你想制作自己的网页,做网页设计,网站开发,那么你首先要学习的就是HTML,本教程就是入门HTML实验。
2.Web - CSS速成教程 http://www.w3cschool .cn/index-7.html
CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
3.Web - Javascript基础(新版) http://www.w3cschool .cn/js_reference.htm l
介绍 JavaScript 的语法及事件、对象、DOM 等基础知识。
4.HTML5 - HTML5基础入门 http://www.w3cschool .cn/index-52.html
HTML5有很多新特性,本实验将做入门介绍。
5. Web - jQuery基础入门 http://www.w3cschool .cn/jquery_reference .html
jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。
第二、 如今的前端
近几年前端发展迅速,ES6的普及速度更是惊人,所以一定要学习ES6/7(ECMAScript 6入门)。
其次是Node.js,Node.js是服务器端的一个平台,其给前端开发提供了很多实用的工具,是如今前端开发的重要组成部分。
工具推荐:Babel,Webpack,Postcss。
框架推荐:React,Vue.js。
第三、不止前端
使用Hexo(一个Node.js平台下的静态博客)在 github page 上面搭建一个博客,通过博客写下自己学习过程中的经验和问题可以与更多的人交流,提交自己的代码到github上面保存自己的成果。写博客是一个很好的成长方式。
前端已不是从前的前端,不仅仅是切页面做特效,如今的前端项目越来越庞大,需要重视项目组织和管理,需要工程化,需要前端架构。
同时,学习一门后端语言更有利于在前端的路上走得更远。
先明确三个概念:
HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。
CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。
JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。
入门的可以先从较为系统的技术学习网站开始学习。
前端的基础:JavaScript,HTML,CSS,然后学习jQuery。
HTML/CSS入门,就照着 http://www.w3cschool
初学者,基础入门可以按照学习《网站构建初级教程》 http://www.w3cschool
如果是开发者,可以参看《网站构建高级教程》 http://www.w3cschool
看教程的同时,要多多练习。走向大神的路无他,唯手熟尔。可以模仿自己喜欢的漂亮的网站,写写页面,实现一些特效。
另外基础篇
1.Web - HTML基础入门 http://www.w3cschool
如果你想制作自己的网页,做网页设计,网站开发,那么你首先要学习的就是HTML,本教程就是入门HTML实验。
2.Web - CSS速成教程 http://www.w3cschool
CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
3.Web - Javascript基础(新版) http://www.w3cschool
介绍 JavaScript 的语法及事件、对象、DOM 等基础知识。
4.HTML5 - HTML5基础入门 http://www.w3cschool
HTML5有很多新特性,本实验将做入门介绍。
5. Web - jQuery基础入门 http://www.w3cschool
jQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。
第二、 如今的前端
近几年前端发展迅速,ES6的普及速度更是惊人,所以一定要学习ES6/7(ECMAScript 6入门)。
其次是Node.js,Node.js是服务器端的一个平台,其给前端开发提供了很多实用的工具,是如今前端开发的重要组成部分。
工具推荐:Babel,Webpack,Postcss。
框架推荐:React,Vue.js。
第三、不止前端
使用Hexo(一个Node.js平台下的静态博客)在 github page 上面搭建一个博客,通过博客写下自己学习过程中的经验和问题可以与更多的人交流,提交自己的代码到github上面保存自己的成果。写博客是一个很好的成长方式。
前端已不是从前的前端,不仅仅是切页面做特效,如今的前端项目越来越庞大,需要重视项目组织和管理,需要工程化,需要前端架构。
同时,学习一门后端语言更有利于在前端的路上走得更远。