如何从前端小白变身为前端大神

作为刚刚接触前端的童鞋,对学习的方向可能会感到迷茫,通过阅读者篇文章相信会对你的学习方向有所帮助!

A. 初级阶段

本阶段主要是基本的网页技术,学会这些技术你就会制作一些常见的网页和简单的特效。

Photoshop:几乎无人不知的作图软件,对于做前端的朋友来说可以作图,还可以用来切图;

http://www.ps-xxw.cn/shiyongjiqiao/2538.html

互联网原理和HTML:作为前端工程师就要了解互联网的基本原理,像是协议、网站运行原理等等;HTML不用多说必须熟练掌握的超文本标记语言;

http://www.w3school.com.cn/html/index.asp

CSS基础和高级技巧:CSS作为层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化,作为前端工程师必须掌握。

http://www.w3school.com.cn/css/index.asp

JavaScript:一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,作为前端工程师必须掌握,否则你就只能算是个美工;

http://www.w3school.com.cn/js/index.asp

DOM:文档对象模型,是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。

http://www.w3school.com.cn/htmldom/index.asp

jQuery:一个快速、简洁的JavaScript框架,写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。是前端最常用的框架之一;

http://www.w3school.com.cn/jquery/index.asp

B. 中级阶段

本阶段主要是一Java Script为主进行深入的学习了解,与此同时了解一门后端语言,这对今后于后端对接时有一定帮助;

JavaScript 进阶:对原生 JavaScript 的闭包、函数式编程、原型等知识点进行学习和深入理解。掌握好 JavaScript,首先一点是必须摒弃一些其他高级语言如 Java、C# 等类式面向对象思维的干扰,全面地从函数式语言的角度理解 JavaScript 原型式面向对象的特点。把握好这一点之后,才有可能进一步使用好这门语言。

http://www.w3school.com.cn/js/index_pro.asp

Ajax :他是将之前学到的HTML、CSS、XML、js等web知识结合起来使用的一门技术,通过XMLHttpRequest对象实现异步的操作,可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。

http://www.w3school.com.cn/ajax/index.asp

服务器知识和PHP:了解学习些服务器的知识同时学习一门后端语言,这对今后进一步学习至关重要;

http://www.w3school.com.cn/php/index.asp

HTML5:主要是在HTML的基础上进行了增减了,针对增减内容学习即可,像是canvas标签 vidoe标签等等;

http://www.w3school.com.cn/html5/index.asp

CSS3:CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

http://www.w3school.com.cn/css3/index.asp

Bootstrap:是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。响应式布局佳品;

http://www.bootcss.com/

C. 高级阶段

这个阶段主要对各个组六框架学习,通过这些框架可以自己发服务器端,手机端等等!

Node.js:基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。

http://nodejs.cn/

Angular.js:AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

http://www.runoob.com/angularjs/angularjs-tutorial.html

Backone.js:复杂Javascript应用程序提供模型(models)、集合(collections)、视图(views)的结构。其中模型用于绑定键值数据和自定义事件;集合附有可枚举函数的丰富API; 视图可以声明事件处理函数,并通过RESTful JSON接口连接到应用程序

http://www.css88.com/doc/backbone/

vue.js:一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

https://cn.vuejs.org/

react native:开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

http://reactnative.cn/

React.js:用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

http://react-china.org/

时间: 2024-10-29 21:28:45

如何从前端小白变身为前端大神的相关文章

方法-关于return语句的一个小白问题,求大神帮助!

问题描述 关于return语句的一个小白问题,求大神帮助! namespace ConsoleApplication34 { class Program { static string k(string b) { string a; a = "你的名字是" +b; return a; } static void Main(string[] args) { Console.WriteLine("输入姓名"); string c = Console.ReadLine()

安卓应用开发-安卓小白有不懂,大神求救

问题描述 安卓小白有不懂,大神求救 我今年刚学安卓,请问老司机,关于界面中点击与反应的音效怎么添加

小白求教,求大神保佑

问题描述 小白求教,求大神保佑 修改,把reply中为null的行对应的status改成1: 解决方案 update 表 set status = 1 where reply = null 解决方案二: where xx is null 解决方案三: 条件用is null就可以进行修改了,,

操作系统-一个小白问题求各位大神求教

问题描述 一个小白问题求各位大神求教 装UNIX系统需要把元来的操作系删除么还是基于原来的操作系统继续安装使用 解决方案 你可以使用虚拟机安装,不需要动原来的系统.或者直接安装,需要电脑有空余的分区,或者整个删除硬盘重新分区. 解决方案二: 提问题进不去.想问大家一个关于返回值的问题(图的遍历),求给小白解答啊 解决方案三: 电脑硬盘都得话,直接装就行了

求大神们速来指教啊-小白,急需各路大神的指导

问题描述 小白,急需各路大神的指导 求各位大神给个4×4×4的光立方材料列表,及其程序 解决方案 http://zhidao.baidu.com/link?url=njejSKCgXKc4ibCLhZsVTtwsyJlJ5ZXIhcH5O1XnwXo4PLFa3MIdkJjK_A8_BBS24v-hPm84yyL63d1S2DR9sBY9gkj8rlOxUdY5LL5ncfm 解决方案二: http://www.ndiy.cn/thread-17210-1-1.html 解决方案三: 自行百度,

java notepad-java自学小白求助 ,谢谢大神!

问题描述 java自学小白求助 ,谢谢大神! 用notepad编辑helloworld程序结果变成这样... 解决方案 是不是环境变量没配好.... 解决方案二: 是不是目录进错了,导致找不到源文件 解决方案三: 建议用eclipse自带虚拟机,不用配环境变量 解决方案四: 看一下这个: http://www.imyxiao.com/1723.yx 解决方案五: jdk 安装路径可能有问题!建议重新检查 解决方案六: 保证环境变量配置正确的情况下,运行javac命令,需要先进入所在的.java文

网站建设问题-小白求助!请大神给个解答!

问题描述 小白求助!请大神给个解答! 我有一个php的源代码,我会在自己电脑上搭建环境,安装这个源代码,但是我想把这个源代码放到一个免费空间上,有没有人教教我? 解决方案 免费空间以及有了吗? 可以考虑部署到新浪的SAE或者Heroku上. 如果访问量不大都是免费的.

settimeinmillis()-小白求助。麻烦大神给看一下,要求输出时间。

问题描述 小白求助.麻烦大神给看一下,要求输出时间. package LianXi; import java.util.Calendar; import java.util.GregorianCalendar; public class TestCalendar { public static void main(String[] args) { GregorianCalendar now = new GregorianCalendar(); int year =now.get(Gregoria

小白想问问各位大神ASP.NET开发前景怎么样?

问题描述 我现在在自学asp.net,在学习过程中,发现网上好多说很少有公司使用ASP.NET技术,不知道ASP.NET的前景如何,自己是否应该继续的学习下去,想问下各位大神们ASP.NET应用领域,以及其具体优势在哪里,往后的前景是否明朗?谢谢大家了! 解决方案 解决方案二:再问一下,asp.net和asp.netmvc是不是没有什么必要的联系,从任意哪一个开始学都一样?还有哪一个更热门一点?解决方案三:mvc更热门至于环境么,从大方面来讲的确net目前不行解决方案四:确实不怎么行啊--解决方