Web前端开发学习总结

仔细想来,接触Web前端开发已经一年多了,从最初的DIV+CSS学起,到JavaScript、jQuery、Bootstrap框架等等,前端要学习的东西很多。接下来就总结一下我在学习过程中的一些经验吧,希望能够对学习Web前端的小伙伴带来一些小小的帮助。

第一、学好基础知识,做一个基础扎实的开发者。

在IT行业,每年都会有很多新的技术诞生并且得到广泛的推广,前端技术也不例外。所以无论学到多深的程度,扎实的基本功肯定是必不可少的。

(1)HTML:尽量掌握尽可能多的标签

 必须掌握的标签有:<html>、<head>、<title>、<body>、<h1>、<p>、<a>、<img>、<table>、<tr>、<td>、<th>、<form>、<input>、<select>、<option>、<textarea>、<div>、<span>、<script>、<link>、<meta>、<style>、<hr>、<br>等等。当然还有很多比较少用的标签,例如<lable><address><var>等,这些虽然平时比较少用甚至几乎不用,但是当你学到Boostrap框架时,你会发现Boostrap框架为这些标签赋予了特定的功能与外观。除此之外,新增了很多标签和属性,使得HTML语言更加强大。例如HTML5中的<button>具有数据提交的功能;<canvas>可以实现页面矢量图的绘制;<audio>可以开发有关音频的项目。还有很多新的内容,需要初学者更多的接触并掌握。

(2)CSS:对各个属性以及一些属性之间结合使用的技巧应该多钻研。

 CSS能够统一有效地对页面的布局、字体等网页中的各个元素显示属性进行控制,可以方便快捷地实现精美的页面表现效果。

你会用CSS技术的使用技巧解决下列问题吗?

清除浮动有哪些方式?比较好的方式是哪一种?

当容器中具有浮动元素时,如何为容器设置边框或背景颜色?

怎样让块级元素在容器中水平居中?

当多个连续块级元素的浮动布局影响了原本不想浮动的对象时该如何处理?

容器内部的对象如何实现相对于容器的自由定位?

为什么要初始化CSS样式?

(3)CSS+div布局模式:许多布局模式的基础,也是大部分前端开发人员接触到的第一种布局方式。

这种布局模式对于PC端页面的设计是非常有帮助的,同时对于后面将会遇到的“移动端布局”、“响应式布局”等,这种布局方式都具有一定的指导意义。

第二、将JavaScript作为前端学习的重点。

JavaScript是目前大多数主流浏览器支持的面向对象的脚本语言,它可以在不与服务器交互的前提下对HTML的页面内容进行修改。JavaScript控制着网页的行为,决定着网页“做什么”。

系统学习过JavaScript的同学们,你看看下列问题你能准确的找到答案吗?

通过表达式来系统阐述“==”和“===”这两个运算符的区别。

把某个元素移除你的视线的方法有哪些?

你对JSON了解吗?

通过哪个函数可以判断从文本框中获取的内容是不是数字?

DOM 操作——怎样添加、移除、移动、复制、创建和查找节点?

怎样判断是否为整数?

delete运算符都能删除哪些内容?

在脚本中,this有几种使用情况呢?

第三、多练习多操作,实践是检验真理的唯一标准。

IT编程是需要多加实践的,要不断反复进行上机操作,是学习编程开发的唯一方法。

第四、多利用网络资源

在这里为大家推荐几个可以免费学习前端的网站,希望大家可以多多浏览,利用好互联网资源。

菜鸟教程:一个学习基础知识的网站,以文档形式展示。

W3CSchool:这里列举了多门前端技术和后台技术的基础知识。内容较为基础,以文档形式展示。

慕课网:以视频形式讲授很多前端知识。

极客学院:与慕课网相似。

Bootstrap中文网:这里涵盖了Bootstrap框架全部的组件和插件。

第五、多阅读关于前端的经典著作

在这里给大家介绍几本前端开发的经典著作

《Web前端开发学习总结》 HTML5权威指南

《Web前端开发学习总结》 JavaScript权威指南

《Web前端开发学习总结》 JavaScript高级程序设计

《Web前端开发学习总结》 jQuery高级编程

第六、多归纳总结,透过现象看本质

前端需要学习的东西很多,知识点比较杂,如何记忆呢?这就需要大家多多归纳总结,例如可以把一些常用的代码写法记录下来。这里我提几个问题,大家看看是否需要总结自己所需的知识点吧。

在JavaScript中,如何为多个元素绑定相同的事件?这样的操作有几种方法?

总结HTML5新增的标签还有属性有哪些?

对于DOM节点的操作,jQuery和JavaScript各采用了哪些不同的方式。

jQuery所提供的所有选择器是不是需要总结一下。

想一想,闭包都用在哪些场合中?

第七、重视移动布局,多使用移动端框架开发。

大家都知道现在移动开发,微信开发很热门,掌握其中的技术会很吃香的。在这里给大家介绍本人用过的两个移动端框架,希望前端的朋友可以多多学习。

bootstrap:这个就不用说了,这是响应式开发的重要框架,一定要掌握。

Framework 7:这个是比较常用的一款移动端框架。

当然,多了解一些有关微信公众号开发和微信小程序方面的知识就更好了。

第八、当对前端了解较深的时候,尽自己努力学习一门后台语言。

了解并掌握一门后台语言,对一个前端开发者来说好处多多。通过对后台语言的学习,你可以了解数据库技术的工作原理和应用;更好的理解前后台数据传递的本质;在前端布局时,能够更好的配合后台开发人员;当然最高境界就是你可以自己完成前后台的开发,也就是全栈工程师了。正所谓“技多不压身”嘛。学的越多,站得越高,看得越远,越能够运筹帷幄。

现在较流行的后台开发语言主要有三种:PHP、JSP、ASP.net。这三门技术都可以实现后台所要求的所有功能。

数据库方面主要包括MySQL、SQL Server、Oracle

以上是个人总结的一些学习经验,希望能给学习前端的伙伴带来一些帮助!

动手,坚持,相信你会变得不一样的。

    原文作者:Shaw_Chen
    原文地址: https://www.jianshu.com/p/e2831004b1b7
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞