美文网首页Web 前端开发
Web 前端开发初识

Web 前端开发初识

作者: 洪高勇 | 来源:发表于2017-06-20 21:44 被阅读0次

    所谓的前端开发,是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web.1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

    但随着科技的发展,现在前端也可以做出一些炫幻的效果!!!

    (该图可以动,可以动,可以动!)

    2005年以后,互联网进入Web.2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。

    网页也不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。以前会Photoshop和Dreamweaver就可以制作网页,现在只掌握这些已经远远不够了。无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发。

    Web前端开发在产品开发环节中的作用变得越来越重要,而且需要专业的前端工程师才能做好,这方面的专业人才近几年来备受青睐。Web前端开发是一项很特殊的工作,涵盖的知识面非常广,既有具体的技术,又有抽象的理念。简单地说,它的主要职能就是把网站的界面更好地呈现给用户


    豪宅提神

    当然,要想做好一个合格的前端开发师,需要的技能也并不少。

    首先,是需要了解的知识,现摘录如下:

    HTML:  掌握HTML是设计网页的核心。HTML是一种制作页面的标准语言,是浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。

    CSS:CSS是保证网页外观的重要技能,好的CSS可以保证酷炫的效果。

    JavaScript:学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。

    Unix,Linux:了解Unix和Linux的基本知识,虽然这两点很基础,但是开发人员了解Unix和Linux的基本知识是有益无害的。

    了解Web服务器,当你对Apache的基本配置,htaccess配置技巧有一些掌握的话,将来必定受益,而且这方面的知识学起来也相对容易。


    再来一所好房子

    再然后,就是需要熟练掌握的技能如下:

    熟悉版本控制系统的用法。熟悉使用一种优秀的版本控制系统,你在实际工作中就会发现精通一种版本控制系统是很幸福的事情。

    学好Web框架。当你掌握了HTML,服务器端脚本语言,CSS和JavaScript后,就应该找一个Web框架加快你的Web开发速度,使用框架可以节约你很多时间。如果你使用PHP,可选的框架有CakePHP,CodeIgniter,Zend等。Python程序员喜欢使用Django和 webpy,Ruby程序员喜欢使用RoR。

    对于初学开发人员来说,以上知识是不是看起来很复杂,其实,当你一步步学习并为企业开发成功案例时,你会发现一切都是有意义的付出。每一个坚持走在路上的人都应该得到属于自己的荣誉,因为,你已经在路上!

    以上,基本就是前端开发基础需要掌握的知识及技能啦。当然,如果想要继续深入下去,那么你就需要明白以下的要点:

    Web前端优化:

    1. 尽量减少HTTP请求 (Make Fewer HTTP Requests)

    2. 减少 DNS 查找 (Reduce DNS Lookups)

    3. 避免重定向 (Avoid Redirects)

    4. 使得 Ajax 可缓存 (Make Ajax Cacheable)

    5. 延迟载入组件 (Post-load Components)

    6. 预载入组件 (Preload Components)

    7. 减少 DOM 元素数量 (Reduce the Number of DOM Elements)

    8. 切分组件到多个域 (Split Components Across Domains)

    9. 最小化 iframe 的数量 (Minimize the Number of iframes)

    10. 杜绝 http 404 错误 (No 404s)

    以上10条涵盖了Web前端开发中遇到的各种页面处理技术,让前端开发人员能够准确和快速地把握整个网页的架构,从而达到减少开发成本和页面美化目的。

    这也是前端开发写出来的,重点也是可以动的,动的,动的

    当你打开这个界面时:

    左侧便会出现打字时候的下划线,然后随着一个个字母的出现,右侧便会出现花瓣。

    随着左侧的文字,右侧的心形也逐渐成型。最后便会出现你所看见的效果。

    这便是独属于程序猿的浪漫吧!

    愿每一个用心的程序猿都能有一生美满的姻缘!


    如上,便是对于前端开发工程师的大概简述了。

    《----慢慢学前端

    那么,让我们来了解下什么是H5吧:

    H5是指第5代HTML,也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页,多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML,就可以把网页内容显示出来,它也构成了互联网兴起的基础。

    HTML5,并不是一项新兴的技术,是对之前的标准的补充、更新。其中提出的媒体查询的概念解决了响应式布局的问题;本地存储的出现减轻了服务器的负担;Canvas在数据可视化领域有着举足轻重的地位。而新增的表单元素,大大提高了我们的开发效率。

    当然,使用HTML5意味着我们讲放弃去兼容低版本的浏览器。

    简而言之:H5不是新兴的技术,而只是对以前的补充。有了新的属性及标签,也抛弃了一些旧的属性及标签。我们所看到的网页,多数是HTML编写的。浏览器能够通过解码HTML,把网页的内容显示出来,这也使得现在的网页越来越酷炫了!也正是我们努力的方向所在!

    相关文章

      网友评论

        本文标题:Web 前端开发初识

        本文链接:https://www.haomeiwen.com/subject/mrpaqxtx.html