做有温度的教育!
全国统一咨询热线:400-803-9399
北京
校区
首页> 课程产品 > 学习web全栈开发,你还需要知道这些!

学习web全栈开发,你还需要知道这些!

时间:2018-05-31
浏览:19725
发布:
赞:15457

随着互联网技术的发展,网页制作是越来越多企业所注重的,一个优秀的页面,包括布局,动态效果和交互体验!全栈工程师就是结合以上所有需求而孕育而生的职业!那么WEB全栈工程师都需要学习些什么呢?看看下面的文章!

  Web前端开发是从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大

  在HTML入门教程学习之前,我们有必要跟大家讲一下网站开发的一些知识。了解这些知识,对你以后网站开发之路如何走、该学习些什么,是非常有用的。同时也避免你走太多的弯路。

  一、从网页制作到前端开发

  1、web1.0时代的网页制作:网页制作是web1.0时代的产物,那个时候的网页主要是静态网页,所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页,例如一篇QQ日志、一篇博文等展示性文章。在web 1.0时代,用户能做的唯一一件事就是浏览这个网站的文字图片内容,这时用户也不能像现在在大多数网站都可以评论交流(缺乏交互性)。现在大多数人都听过“网页三剑客Dreamweaver+Fireworks+Flash”吧,这个组合就是web 1.0时代的产物。

  :网页三剑客指的是“Dreamweaver、Fireworks和Flash”。

  处于web2.0时代的你,如果要学习网站开发技术,就不要再相信所谓的“网页三剑客Dreamweaver+Fireworks+Flash”,因为这个组合已经是上个互联网时代的产物。而且这个组合开发出来的网站问题也非常多,例如代码冗余、网站维护困难(学习到后期,你会知道为什么不用这个组合了)。

  二、前端技术

  1、前端开发最核心技术:我们知道,用所谓的网页三剑客已经不能满足需求了,那前端开发究竟要学习什么技术呢?网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。  

甲骨文华育兴业

  前端开发最核心的3个技术

  (1)HTML是什么?HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。

  (2)CSS全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS。

  (3)JavaScript是一门脚本语言。

  (4)HTML、CSS和JavaScript的区别

  我们都知道前端技术最核心的是HTML、CSS和JavaScript这三种。但是这三者究竟是干嘛的呢?

  “HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为。”

  我晕,这不是等于没说吗?好吧,我给大家打个比喻。我们把前端开发的过程比喻成“建房子”,做一个网页就像盖一栋房子,先把房子结构建好(HTML)。建好房子之后给房子装修(CSS),例如往窗户安上窗帘、往地板铺上漂亮的瓷砖。最后呢,装修完了之后,当夜幕降临的时候,我们要开灯(JavaScript),这样才能看得见里面。现在大概懂了吧。

  我们回到实际例子中去,看一下绿叶学习网的导航条。我们先分析一下“前端技术”这一栏目的具有以下基本特点:

  ① 导航条文字颜色是白色;

  ② 大小是14px

  ③ 背景颜色是绿色;

  ④ 鼠标移动到上面颜色会变成深绿色;

  这些效果是怎么做出来的呢?其实思路就跟上面“建房子一样”。我们先用HTML搭建网页结构,这时候默认情况下,字体、字体颜色、字体大小和背景颜色如下图:

image.png

  仅仅使用HTML的文字

  然后我们通过CSS修饰一下,改变其字体、字体大小、字体颜色和背景颜色,得到如下的效果图:

image.png

  在HTML基础上加入CSS的文字

  最后,我们通过JavaScript定义鼠标一个行为,就是鼠标移动到上面的时候,背景颜色会变为深绿色,效果如下:

image.png

  加入JavaScript特效:现在大家都知道一个缤纷多彩的网页究竟是怎样做出来,也知道为什么“前端技术最核心的是HTML、CSS和JavaScript”了吧?

  2、前端开发其他技术:前端技术最核心的是HTML、CSS和JavaScript,但是对于一个真正的前端工程师来说,哪怕你精通这三个,你也不能称为一个真正的“前端工程师”。因为前端技术除了HTML、CSS和JavaScript这三种,还需要学习Ajax、SEO等。

  (1)Ajax,即“Asynchronous Javascript And XML(异步JavaScript和XML)”,是指一种创建交互式网页应用的网页开发技术。Ajax是前后端交互的技术,主要实现在前端。(不懂?!没关系,我们在Ajax教程中会讲解到)

  (2)SEO:即“Search Engine Optimization(搜索引擎优化)”。SEO优化是专门利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式(国内常见的搜索引擎有百度、360、搜狗等)。

  简单来说,你建好了网站并不代表你网站就能被搜索引擎搜索到,我们一般使用百度搜索资料时,搜索出来的网页有很多,但是我们一般看了搜索结果的第一、二页就不再往下看了。SEO,就是为了我们的网站能排在搜索结果的前面,这样你的网站才会有流量。你做网站,相信你也是想让你网站有更多人浏览的吧。

  三、后端技术:如果我们只学习完前端技术,其实也差不多可以开发属于自己的网站了。不过这个时候开发出来的网站是一个静态的网站,唯一的功能是供用户浏览,缺乏与用户的交互性,用户能做的东西不多。因此,如果我们要开发一个用户体验更好、功能更加强大的网站,就要学习一下后端技术。

  1、PHP是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,易于学习,使用广泛,主要适用于Web开发领域。

  2、JSP技术有点类似ASP技术,它是在传统的网页HTML文件中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件。用JSP开发的web应用是跨平台的,既可以Windows系统下运行,也能在其他操作系统(如Linux)上运行。

  3、ASP.NET的前身就是我们常说的ASP技术。绿叶学习网就是使用ASP.NET开发的。ASP.NET是本系列课程推荐使用的一门技术。当然大家可以自己选择。

  以上三种都是动态网页技术,大家可以到这里详细了解一下:百度百科动态网页技术

  很多人都以为“网站就是很多网页的集合”,其实这个理解是太恰当的。准确来说,应该是“网站是前端与后端的结合”。

  四、从前端开发到后端开发的学习路线

  1、常见的Web技术

image.png

  总结

  1、从web1.0到web2.0,网页制作已经变为前端开发了。现在对于前端开发,你要学的不是什么“网页三剑客”,而是“HTML+CSS+JavaScript”;

  2、前端技术核心元素的是HTML、CSS和JavaScript,但是我们还要学习一些Ajax、SEO知识;

  3、前端技术只能开发静态网页,而进一步学习了后端技术,你能开发一个用户交互性更好、功能更加强大的网站;

  4、后端技术有ASP.NET(或PHP)、SQL Server等;

  5、学习路线:HTML入门→CSS入门→HTML进阶→CSS进阶→JavaScript入门→jQuery入门→ASP.NET入门(或PHP入门)→Ajax→ASP.NET进阶(或PHP进阶);


人生从业之路的第一步,从甲骨文华育兴业开始,

背后付出的辛苦与努力只有自己知道,而这也只是他们职业生涯的开始。

勤恳努力的人终会得到最好的回报,有些努力需要时间来回答

你吃的苦终会铺成你想要的路!

甲骨文华育兴业,为你的IT之路开启梦想之门!


【版权与免责声明】如发现内容存在版权问题,烦请提供相关信息联系我们,我们将及时沟通与处理。本站内容除非来源注明甲骨文华育兴业,否则均为网友转载,涉及言论、版权与本站无关。

相关推荐

浅谈web前端开发(web全栈开发)

有部分同学和朋友问到过我相关问题,利用周末我就浅浅地谈谈我对web前端开发的理解和体会,只能浅浅谈谈,高手请自动跳过本篇文章。毕竟我现在经验并不是很足,连工程师都算不上,更不用说大牛了。今天也不谈技术,技术很多人比我掌握得更好,也大同小异,但是每个人的理解体会是不一样的。

十大web前端开发框架

一个前端开发框架其实就是一系列产品化的HTML/CSS/JavaScript组件的集合,我们可以在设计中使用它们。前端开发框架有很多,其中有一些写得很棒。为了大家的使用便利,下文列举了目前最强大应用最广泛的几款前端开发框架。记住,这些框架并不仅仅是CSS 栅格之类的一些东西,它们包括的是整套的前端开发框架。

web小程序——生活更便利

017年1月9日凌晨小程序(一种不需要下载安装即可使用的应用,实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用,也体现了“用完即走”的理念。)正式上线。它的到来,让互联网圈再次炸开了锅,它带给我们的“两减一加”也让商家遇到的问题迎刃而解。

应用生态的幸存者,web小程序

作为微信里不能分割第一部分,小程序!他的便利性,实用性,受到了世界的追捧,那么小程序的发展历程大家知道多少呢?跟随小编一起探寻小程序的发展吧!

大数据中hadoop是什么? ps使用 大数据 冲刺Java架构师年薪50W

友情链接: 甲骨文华育兴业太原校区 甲骨文华育兴业济南校区 甲骨文华育兴业哈尔滨校区 甲骨文华育兴业长春校区 魔据教育 音乐培训 青海律师

Copyright ©2016-2019. All Rights Reserved. 京ICP备17018991号-4

网站地图