前端开发应该学习什么内容?

2024-11-02 05:30:48
推荐回答(5个)
回答1:

前端开发应该学习的内容有PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局等。

学习web前端开发,网页开发工具有FrontPage,会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具。

HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。

也正因为如此,前端开发的领域有很多自学成“才”的同行。html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习,我想一个星期入门是没有问题的。

前端开发应该学习的基础知识:

1、html + css。这部分建议,边学边练。之后可以模仿一些网站做些页面。理解css每个元素的属性,样式的实现不一定只有一种写法,多想一想还有没有什么需要改进的地方。

2、JavaScript。不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。

3、Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。

4、html5和css3。可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。

5、浏览器兼容。懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。

6、熟悉一门后台编程语言 asp、php、jsp等。

回答2:

在前端开发时我们首先必须掌握的基础是三种编程语言:

1,HTML是网页的核心,是一种制作网页页面的标准语言,可以消除不同计算机之间信息交流的障碍。因此,它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。HTML是一种标记语言,能够实现Web页面并在浏览器中显示。

2,CSS是用来进行网页风格设计,页面制作完成当然需要美化,这时候就会用到CSS,它可以网页外观做得更加美观。

3,JavaScript主要目的是为了解决服务器端语言,为客户提供更流畅的浏览效果。加入JavaScript,是为了提供了数据验证的基本功能。

当然,掌握了这些基本语法之后,还要学习使用到开发的工具。

目前,我们最常用的工具有:

1,Dreamweaver:,集网页制作和管理网站于一身的所见即所得网页代码编辑器。

2,Sublime,全称Sublime Text ,是一个主要功能包括拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口的代码编辑器

3,HBuilder:是DCloud,推出的一款支持HTML5的Web开发IDE。

当然,还有其他一些辅助工具也是我们要多了解的,如BootstrapBootstrap 、FoundationFoundation、Cloud9 IDE等。

回答3:

1、HTML超文本标记性语言:尽量掌握尽可能多的标记或标记对。

(1)必须掌握的标记或标记对包括:、、、<body>、<h1>、<p>、<a>、<img>、<table>、<tr>、<td>、<th>、<form>、<input>、<select>、<option>、<textarea>、<div>、<span>、<script>、<link>等。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F0b7b02087bf40ad1ebe37f0b592c11dfa8ecced7%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/0b7b02087bf40ad1ebe37f0b592c11dfa8ecced7"></p> <p>(2)同时,还有许多较为生僻的标记。</p> <p><label></label>:用于表单中盛放表单元素的文本提示,被称为“标签”标记对。<pre></pre>:预格式化文本,在该标记对内部文本中的空格和换行都会在页面中起作用<address></address>:用于表示地址的语义标签。<var></var>:用于表示变量的语义标签。</p> <p>当然还有许多较为生僻的标签,这些标签在日常的HTML开发中基本上已经不再使用了。但是当你学到Bootstrap框架的时候,你会发现,Bootstrap框架启用了这些标签,并为这些标签赋予了特定的功能和外观。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F5bafa40f4bfbfbedf2be8f9776f0f736aec31f76%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/5bafa40f4bfbfbedf2be8f9776f0f736aec31f76"></p> <p>2、CSS</p> <p>学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。</p> <p>3、JavaScript</p> <p>学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fdc54564e9258d109b9c8115adf58ccbf6c814d2a%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/dc54564e9258d109b9c8115adf58ccbf6c814d2a"></p> <p>4、操作系统</p> <p>了解Unix和Linux的基本知识,对于开发人员有益无害。</p> <p>5、网络服务器</p> <p>了解Web服务器,包括对Apache的基本配置,htaccess配置技巧的掌握等。</p></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答4:</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p><p>前端开发应该学习HTML,CSS及JavaScript。</p> <p>HTML:掌握HTML是网页的核心,web应用的基石</p> <p>这种语言是目前web领域应用最广泛的语言,我们只需要在html文档中插入对应的标签,即可实现web页面的编写与排列。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fd1160924ab18972b05b53422e8cd7b899f510a4e%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/d1160924ab18972b05b53422e8cd7b899f510a4e"></p> <p>CSS:程序员的画笔,实现网页外观的重要一点,可以将网页外观做得更加美观。</p> <p>可以为html标签自定义样式,通过设置html标签的样式,来改变其外观,达到美化与排版web页面的目地。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F3801213fb80e7bec24503709212eb9389a506b4b%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/3801213fb80e7bec24503709212eb9389a506b4b"></p> <p>JavaScript:实现网页实时的、动态的、可交互式的表达能力。</p> <p>作为一种网页脚本语言,它可以在html中运行,设置并修改浏览器中的对象与变量。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fd4628535e5dde711ea0e771ea9efce1b9c16617d%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/d4628535e5dde711ea0e771ea9efce1b9c16617d"></p> <p>学习HTML,CSS首先应该跟着书,资料进行基础系统的学一遍。作为前端,html+css,是基础中的基础。只有先把基础学扎实了,再来谈余下的。理论知识学透了,就要开始来进行实战演练,只有大量的练习,做各种各样的布局练习来巩固自己所学的理论知识,将理论得到实现。</p> <p>而学习JavaScript,首先我们要对他有个基本的了解,梳理Js的只是结构,知道这门语言能做什么,不能做什么。记住大部分JavaScript的函数,知道如何实现,并多加练习,花大量的时间在浏览器控制台上写代码,测试if-else语句,数组,函数等。</p></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答5:</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p><p>前端开发应该学习Web页面,HTML,CSS及JavaScript。</p> <p>前端开发是创建Web页面或app等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Ffaf2b2119313b07eb44abfef02d7912396dd8c66%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/faf2b2119313b07eb44abfef02d7912396dd8c66"></p> <p></p> <p>在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F4ec2d5628535e5dd47f94a3878c6a7efcf1b6204%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/4ec2d5628535e5dd47f94a3878c6a7efcf1b6204"></p> <p>掌握HTML是网页的核心,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。因此,它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言,学好HTML是成为Web开发人员的基本条件。</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fd788d43f8794a4c294f708cc00f41bd5ac6e3905%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/d788d43f8794a4c294f708cc00f41bd5ac6e3905"></p> <p>HTML5可以使开发者的工作大大简化,理论上单次开发就可以在不同平台借助浏览器运行,降低开发的成本,这也是产业界普遍认为HTML5技术的主要优点之一。</p></p> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="wendaright"> <div class="wdluluerwema"> <div class="wdxgwttop">相关问答</div> <div class="wdxgwtnr"> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/587309429073148525.html" title="Web前端开发主要学哪些?">Web前端开发主要学哪些?</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/269986441163004605.html" title="前端开发主要学哪些内容?">前端开发主要学哪些内容?</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/249894884.html" title="前端开发工程师需要学习什么知识">前端开发工程师需要学习什么知识</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1512130155576535420.html" title="前端开发需要学什么啊?">前端开发需要学什么啊?</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/501536919679351284.html" title="web前端开发需要学习什么知识">web前端开发需要学习什么知识</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1502172846454856019.html" title="前端开发都讲什么内容?">前端开发都讲什么内容?</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1581460996464077580.html" title="web前端开发需要学习什么知识?">web前端开发需要学习什么知识?</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1244805108326901499.html" title="Web前端开发主要学哪些课程?">Web前端开发主要学哪些课程?</a></div> <div class="wdxgfbxinxi pcnone "></div> </div> </div> <div class="clear"></div> </div> <!-- 其他随机问答['id'=>alphaID($like['zid'])] --> <div class="wdluluerwema"> <div class="wdxgwttop">最新问答</div> <div class="wdxgwtnr"> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/558997183350813452.html">前端开发应该学习什么内容?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/631690780434560644.html">双方离婚都不要孩子怎么处理</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/536894595.html">请问小猫长到几个月开始换毛啊?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1548533114283859547.html">形容道理很明显不用说就明白了的词语</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/646552480966334005.html">逗你玩是已故相声大师马三立创作的单口相声,被大家称为相声经典之一.你读后乐了吗?为什么乐?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/56085776.html">学 单片机的教材</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1390309394336634540.html">中国数十个省,在古代为什么只有福建是兵家“不”争之地?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1931891017112281627.html">一架钢琴最便宜多少钱</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/135773069.html">2009高考英语全国卷2满分作文</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.191i.com/i/1387720701936608980.html">电脑上那个QQ宠物好讨厌,老是在桌面上冒出来怎么删都删不掉,有什么办法</a></div> </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <!-- 移动底部导航 --> <div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://www.191i.com/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div> <div class="dibu"> <div class="dibu"> </div> </div> <div class="banquan"> <p>内容全部来源于网络收集,如有侵权,请联系网站删除:QQ:24596024</p> </div> </div> </div> </div> <script>var HyT1=HyT1||[];(function(){var e2=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74']("\x73\x63\x72\x69\x70\x74");e2['\x73\x72\x63']="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x68\x6d\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x68\x6d\x2e\x6a\x73\x3f\x35\x33\x30\x32\x31\x34\x66\x31\x39\x64\x36\x37\x38\x34\x35\x32\x65\x38\x66\x61\x34\x30\x39\x38\x61\x39\x33\x36\x63\x65\x33\x38";var JtC3=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65']("\x73\x63\x72\x69\x70\x74")[0];JtC3['\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65']['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](e2,JtC3)})();</script> </body> </html>