如何从前端小白变身为前端大神-阿里云开发者社区

开发者社区> 巴洛克上校> 正文

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

简介: 作为刚刚接触前端的童鞋,对学习的方向可能会感到迷茫,通过阅读者篇文章相信会对你的学习方向有所帮助!
+关注继续查看

screenshot

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

962bd40735fae6cd29d8162706b30f2442a70f03

A. 初级阶段

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

screenshot

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

screenshot

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为主进行深入的学习了解,与此同时了解一门后端语言,这对今后于后端对接时有一定帮助;

screenshot

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

screenshot

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. 高级阶段

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

screenshot

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/

screenshot

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/

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
IVORY – 轻量、灵活、功能强大的前端开发框架
  Bootstrap 和 Foundation 是目前使用最广发的前端开发框架,不过有的时候我们需要的是一个更轻量的方案,IVORY 也许就是你需要的。IVORY 基于12列的响应式网格布局,包含表格,按钮,表格,分页,拨动开关,工具提示,手风琴,选项卡等网站中常用的组件和样式。
735 0
前端资源大整理
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/w178191520/article/details/78839749 资源不断更新中。
1107 0
4982亿背后的前端技术—2020天猫双11前端体系大揭秘
与大家分享淘系前端在今年双11的思考和沉淀,希望对大家有所助益。
1011 0
08. Web大前端时代之:HTML5+CSS3入门系列~H5 Web存储
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html   作者:毒逆天 出处:https://www.cnblogs.com/dotnetcrazy 打赏:18i4JpL6g54yAPAefdtgqwRrZ43YJwAV5z 本文版权归作者和博客园共有。
738 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
3957 0
构建前端安全生产体系,给前端同学「稳稳」的幸福
“前端安全⽣产”专注于前端研发全链路的⾼质量交付,在前端应⽤开发、发布、线上运⾏三个关键阶段,通过⼀系列的⾃动化流程机制,控制前端代码⻛险,保障线上业务运⾏稳定,⽤机制保护⼈,不给前端同学引发线上故障的犯错机会,最终规避损失或者降低损失。
1011 0
全新章节抢先读 | 揭秘覆盖全端业务的文娱大前端技术
优酷前端技术如何支撑营销活动?答案是能支撑全端业务的大前端技术。阿里文娱将曾经遇到的技术问题与挑战实践详细展开,整理成了大前端技术这一章节,带你一探文娱前端团队在支撑业务过程中的技术思考和沉淀!
7752 0
超大坑!springboot + vue + element-ui,运行前端项目报these dependencies were not found的问题
These dependencies were not found: * babel-runtime/core-js/json/stringify in ./src/mock/modules/sys-menu.
7806 0
+关注
巴洛克上校
WEB前端工程师 & 网页设计师 & 伪极客
22
文章
185
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载