w3cschool是一个非盈利性的在线技术学习网站,提供按W3C标准编写的基础教程。完整的看完w3cschool上面的手册,可以基本掌握编程语法。基础性的东西通常都会比较零散,因此,在学习一段时间后,容易进入迷茫期。感觉学了挺多东西,但是不知道如何形成一个完整的项目。

这个时候,最重要的是多动手(找一些网站仿着做),只有多做才能逐步找到自己不懂的东西,找资料学习。工作中遇到的坑太多,只学w3cschool上面的知识当然远远不够。

在学完w3cschool上面的知识之后,可以从这些方式来提升:

➤看书

掌握理论知识,梳理js的知识结构,还可以应付面试官~书籍推荐《CSS权威指南》、《 JavaScript高级程序设计》、《深入浅出Node.js》、《高性能JavaScript》等。

➤网络资源

网上有非常多的论坛、博客(可以去知乎搜),一些资源推荐:

CSS 编写规范 http://cssguidelin.es/

前端性能优化的24种方法 http://browserdiet.com/en/

学习js正确的方法 JS: The Right Way

很有趣的js编程教材(才出的) Eloquent JavaScript

设计师写的js入门教程,页面很赞 http://rachelnabors.com/javascript-for-designers/#slide-0

CSS女神开发的正则表达式工具,超赞: RegExp playground

➤视频

国内有慕课网、极客学院、网易云课堂,国外有meteor、Youtube等。

➤多读源码、框架

学习框架主要要学习原理和内部的思想,了解为什么要有这款框架,这款框架究竟解决了什么痛点问题。而且,学习这些东西还要了解很多与这框架相关的生态系统才能更好的应用。具体到学习方法,就是多看项目,做好笔记,多写项目。

中/高级前端需要会的技能包括:

  1. HTML(5)、CSS、SASS / SCSS,LESS;

  2. Backbone、Angular、Knockout;

  3. 响应式网页设计(例如Bootstrap知识、Foundation等);

  4. Adobe Photoshop、Magento;

  5. 源控制和某种形式的客户端单元测试的知识.

最后,实践出真知,只有多做才能精通。

公众号:w3cschool技术教程

在w3cschool学完html,css,javascript,jquery以后,还是不会做前端怎么办?的更多相关文章

  1. 前端~HTML~CSS~JavaScript~JQuery~Vue

    HTML CSS JavaScript DOM文档操作 jQuery实例 Vue

  2. selenium使用Xpath+CSS+JavaScript+jQuery的定位方法(治疗selenium各种定位不到,点击不了的并发症)

    跟你说,你总是靠那个firebug,chrome的F12啥的右击复制xpath绝对总有一天踩着地雷炸的你死活定位不到,这个时候就需要自己学会动手写xpath,人脑总比电脑聪明,开始把xpath语法给我 ...

  3. HTML系列(HTMl+CSS+JavaScript+Jquery)--un

    HTML 指超文本标签语言. 点击查看更详细的HTML内容 包括:一.基本标签;二.常用标签;三.表单<form></form>;四.表格<table></t ...

  4. HTML,CSS,Javascript,JQuery

    HTML 一套浏览器认识的规则 标签 1.<head></head> 2.<title></title> 3.<body></body ...

  5. 简单学完HTML+CSS+JS,现在开始看算法(第四版)----欧几里得算法

    欧几里得算法 package euclidean_algorithm; import java.util.Scanner; /** * @author ALazy_cat * 欧几里得算法的自然语言描 ...

  6. 36个JS特效教程,学完即精通

    6个JS特效教程,学完即精通   JavaScript特效教程,学完你就能写任何特效.本课程将JavaScript.BOM.DOM.jQuery和Ajax课程中的各种网页特效提取出了再进行汇总.内容涵 ...

  7. 6个JS特效教程,学完即精通

    6个JS特效教程,学完即精通 JavaScript特效教程,学完你就能写任何特效.本课程将JavaScript.BOM.DOM.jQuery和Ajax课程中的各种网页特效提取出了再进行汇总.内容涵盖了 ...

  8. 一篇文章图文并茂地带你轻松学完 JavaScript 设计模式(一)

    JavaScript 设计模式(一) 本文需要读者至少拥有基础的 ES6 知识,包括 Proxy, Reflect 以及 Generator 函数等. 至于这次为什么分了两篇文章,有损传统以及标题的正 ...

  9. 在线运行Javascript,Jquery,HTML,CSS代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xht ...

随机推荐

  1. [Android] Ubuntu下Eclipse || Android Studio识别不了手机的官方解决方案

    最近在转移开发平台,Android Studio一直都识别不了手机,但Eclipse却可以.经过一番调查后,发现是自己一点所以然导致的.接下来直接奉上解决教程 解决教程 在命令行终端输入lsusb命令 ...

  2. Centos6.X 安装MongoDb

    1.查看linux版本,之所以查看linux版本,是因为centos7和以前版本用的防火墙不一样,安装完mongodb后,需要关闭防火墙(或者其他方法,专业运维人员使用,我们这里为简单,直接关闭即可) ...

  3. 02 SQL 执行

    sql 被保存在 share pool 后, 开始解析, 解析包括语句的语法, 检验及对象, 以确认该用于是否有该对象的权限, 如果这些都通过了, 接下来就要看这个语句之前是否被执行过, 如果是, o ...

  4. 本地连接linux虚拟机的方法

    1.给虚拟机添加一个ehtX: 2. 3.添加一个ethX 4. 5.设置使用的是哪一个网卡,ifconfig的时候变会得到相应的ip 6. 再在cmd那ping ifconfig出来的自动获取的ip ...

  5. 去掉点击map时的显示area边框

    cus="true"的属性即可 如下: <img src="some.jpg" border="0" usemap="#ma ...

  6. phpcms利用广告位实现轮播图调用

    如果我们使用自带的广告轮播,那么就是失去原有的轮播样式,这里就教大家一种使用广告轮播,还能保留原有的轮播样式 1.需要找到广告位的模块位置 3 下载广告代码 https://files.cnblogs ...

  7. JQ实现小火箭效果

    点击返回顶部以动画方式返回 $(function(){         $(window).scroll(function(){             //当滚动距离超过50后,显示按钮:      ...

  8. 2017 CCPC 杭州 流水账

    day0: 队内训练ccpc 秦皇岛,敝校自己出的题,感觉一个星期没怎么写代码,手生得很,不出意料被打飞了. day1 (热身赛): 热身赛还算顺利,A题看有的队几分钟就草过去了,还以为又是西安ICP ...

  9. sublime 空格 tab

    sublime强大的编辑能力非常值得推荐.在编辑python语言时,因为python用段落格式取代了常见语言中的括号,所以在写python时.会将空格和tab混淆,如此产生的错误非常是恼人. 如17, ...

  10. 《转》架设一个BLOG需要整合多少东西?

    本文转载自大CC 1 Wordpress本身需要花费功夫的地方不多,比较容易,但Themes要花不少功夫调整,有时还得改CSS.推荐几个Wordpress Themes网站: - http://the ...