在w3cschool学完html,css,javascript,jquery以后,还是不会做前端怎么办?
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等。
➤多读源码、框架
学习框架主要要学习原理和内部的思想,了解为什么要有这款框架,这款框架究竟解决了什么痛点问题。而且,学习这些东西还要了解很多与这框架相关的生态系统才能更好的应用。具体到学习方法,就是多看项目,做好笔记,多写项目。
中/高级前端需要会的技能包括:
HTML(5)、CSS、SASS / SCSS,LESS;
Backbone、Angular、Knockout;
响应式网页设计(例如Bootstrap知识、Foundation等);
Adobe Photoshop、Magento;
源控制和某种形式的客户端单元测试的知识.
最后,实践出真知,只有多做才能精通。
公众号:w3cschool技术教程
在w3cschool学完html,css,javascript,jquery以后,还是不会做前端怎么办?的更多相关文章
- 前端~HTML~CSS~JavaScript~JQuery~Vue
HTML CSS JavaScript DOM文档操作 jQuery实例 Vue
- selenium使用Xpath+CSS+JavaScript+jQuery的定位方法(治疗selenium各种定位不到,点击不了的并发症)
跟你说,你总是靠那个firebug,chrome的F12啥的右击复制xpath绝对总有一天踩着地雷炸的你死活定位不到,这个时候就需要自己学会动手写xpath,人脑总比电脑聪明,开始把xpath语法给我 ...
- HTML系列(HTMl+CSS+JavaScript+Jquery)--un
HTML 指超文本标签语言. 点击查看更详细的HTML内容 包括:一.基本标签;二.常用标签;三.表单<form></form>;四.表格<table></t ...
- HTML,CSS,Javascript,JQuery
HTML 一套浏览器认识的规则 标签 1.<head></head> 2.<title></title> 3.<body></body ...
- 简单学完HTML+CSS+JS,现在开始看算法(第四版)----欧几里得算法
欧几里得算法 package euclidean_algorithm; import java.util.Scanner; /** * @author ALazy_cat * 欧几里得算法的自然语言描 ...
- 36个JS特效教程,学完即精通
6个JS特效教程,学完即精通 JavaScript特效教程,学完你就能写任何特效.本课程将JavaScript.BOM.DOM.jQuery和Ajax课程中的各种网页特效提取出了再进行汇总.内容涵 ...
- 6个JS特效教程,学完即精通
6个JS特效教程,学完即精通 JavaScript特效教程,学完你就能写任何特效.本课程将JavaScript.BOM.DOM.jQuery和Ajax课程中的各种网页特效提取出了再进行汇总.内容涵盖了 ...
- 一篇文章图文并茂地带你轻松学完 JavaScript 设计模式(一)
JavaScript 设计模式(一) 本文需要读者至少拥有基础的 ES6 知识,包括 Proxy, Reflect 以及 Generator 函数等. 至于这次为什么分了两篇文章,有损传统以及标题的正 ...
- 在线运行Javascript,Jquery,HTML,CSS代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xht ...
随机推荐
- 大数据(7) - zookeeper的安装与使用
简介 ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoop和Hbase的重要组件.它是一个为分布式应用提供一致性服务的软件,提 ...
- Colored Sticks - poj2513(trie + 并查集)
问题便转化为:给定一个图,是否存在“一笔画”经过涂中每一点,以及经过每一边一次.这样就是求图中是否存在欧拉路Euler-Path.由图论知识可以知道,无向图存在欧拉路的充要条件为:① 图是连通的:② ...
- 【vijos】1769 网络的关键边(割边)
https://vijos.org/p/1769 啊,割边写挫了害得我交了那么多发... 本题多想想就出来了.. 首先求出割边,显然关键边就在割边上. 求完割边后,我们先从一个点dfs,维护A的点数和 ...
- backbone Model调用save方法的时候提交方式
horizon使用的是backbone框架,但是我们的后台api都是只接收post请求,请求的路径为/api/,根据backbone的官档解释: backbone的model.save方法会判断当前的 ...
- 笔记:C语言图形基本函数及实例五子棋游戏
初始化图形界面 int gdriver; int gmode; gdriver = DETECT; initgraph(&gdriver,&gmode,"" ); ...
- web之Django之Form组件
Django之Form组件 本节内容 基本使用 form中字段和插件 自定义验证规则 动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功能: 生成HTML标签 验证用户 ...
- http://blog.csdn.net/v_july_v/article/details/6543438
本文转载至: http://blog.csdn.net/v_july_v/article/details/6543438 算法 程序员面试.算法研究.编程艺术.红黑树.数据挖掘5大经典原创系列集锦与总 ...
- HDU 5421 Victor and String(回文树)
Victor and String Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 524288/262144 K (Java/Othe ...
- xmapp开启https
在开发微信小程序的时候我们需要开启https本地测试,以下我们说明使用xmapp如何开启https访问 1. php中开启ssl 在php的配置文件中把openssl前面的注释去掉, 大概在配置文件的 ...
- Oracle Schema Objects——Tables——Table Compression
Oracle Schema Objects Table Compression 表压缩 The database can use table compression to reduce the amo ...