2023-11-14 分类: 网站建设
做软件开发就是从事编程开发工作。一定要先学好语法基础,通过语法形成产品效果。
前端开发的基本语法由HTML+CSS+组成,这是前端开发最基本的三种语言。
网页布局基础:HTML+CSS
HTML 是超文本标记语言,是构成 Web 内容的最基本语言。可以直接说它是网页的骨架,网页的图片、文字、视频、音频、节目都需要引入到网页中才能体现出来。
将 HTML 用作网页还不够,还要有内容。因为它只是HTML,所以只能作为布局来勉强做一个成型的网页。但是从Web2.0时代开始,就采用了盒模型布局方式,即采用DIV+CSS来实现布局。
CSS 是一个级联样式表。使用 属性来布置标签。当布局不再使用时,只要用CSS样式来实现网页标签的相应布局就是正确的开发方法。
HTML(div)+CSS 布局是入门的基本步骤。在此阶段,您需要学习的内容包括:
1.标签语义,SEO
2.页面加载的过程和原理
3.网页结构
4.box 模型(W3C 盒模型和 IE 盒模型)
5.CSS 选择器
6.CSS 布局浮动、定位
刚开始大家学的布局方式基本都是以px为单位的静态布局方式。熟悉布局方法,先给自己一个小目标,做一个简单的电商网页基本结构,无特效,无交互。
浏览器脚本语言:
是我们前端开发学习中非常重要的内容,也是大家经常陷入的难点。可以说是互联网时代使用率最高的脚本语言。在网页中,所有的数据渲染和特效交互都需要用到影响浏览器的显示。
不仅仅是开发网页特效和渲染数据的重要内容。在学习前端开发的后期,在大量使用算法和框架的时候,也有很多基础的测试。
如果你对编程、web前端感兴趣,想学习,有计划深入了解这个行业,可以添加我们的前端学习按钮qun:,无论你是学生还是想要的朋友转行,我欢迎。每晚分享干货,整理一份2019最新网络前端学习资料和0个基础入门教程分享给大家
基础阶段需要注意学习:
1. 关键字说明
2.基本数据类型、数组
3.
4.面向对象编程
5. 链,闭包
6.JSON
7.Ajax
8.DOM(文档对象模型原生DOM操作)
9.事件捕获、冒泡、代理
10.常用函数方法
11.ES5、6、7
部分学习,主要是看懂交互原理,把原理分析清楚,真正懂语法,那么逻辑有多复杂就容易写了。
经典图书馆
说起学习,很多小白同学肯定会对他的原著头疼。每个逻辑业务都需要手动编写,即一旦使用,就构建了一个轮子。感觉非常麻烦。如果能简单点就好了。
因为可以封装的特性,后来出现了很多封装的库和插件。比如最经典的类库。
类库在类库中封装了很多事件方法。通过封装,可以缓解遍历、对象选择等诸多问题。为了简化网页特效的实现,只需调用该方法即可。
在学习时前端编程语言,您需要重点关注以下几点:
1.语法与原生语法的区别
2.Dom 对象和对象
3.的入口函数和入口函数的区别
4.事件的执行逻辑。
学习中,最需要的效果是快速完成网页的特效,比如旋转木马、手风琴菜单、旋转木马、放大镜等等。能够完成一个电商网站的布局+特效开发是最基本的要求。
这些是零基础学习必备的一些基础内容。入门级前端开发需要掌握的最基础的东西,对基础的理解好,可以为后续的学习做更多的准备。
多终端进阶学习
除了基本的pC端,目前移动端可以说非常流行。
不同于pC端的单个网页,移动端的技术可以应用于WEb-App、小程序、-App等
网络应用
是我们常用浏览器(以及微信等内置浏览器)打开的大型移动网页。比如我们常见的电商网站、功能网站、管理网站,在布局和功能上都有App的作用。
要做好Web-App开发,很多最基础的人肯定会说响应式布局,但前端开发有五种布局方式。除了众所周知的响应能力,移动端还有最重要的灵活布局方式。 ,这是很多人头疼的rem布局。
除了布局方式,H5的新特性、触屏事件、设备兼容性问题也需要触手可及。
小程序
这个不用多说,可以说现在非常流行。各大平台都在做自己的小程序,各种讨价还价、抢票、电商、游戏都在用。以微信小程序为例,这个主要是微信团队基于前端基础开发的封装语法,主要是ES语法。目前很多公司招聘小程序做前端开发,没有独立的小程序开发工程师。因此,小程序可以说是前端工程师高薪就业的加分技能,换句话说,是成熟开发的必备技能。
-应用
又称混合App,可能很少有人听说过,但18年开发的人越来越多。这种App可以直接制作下载到终端。可以说是经验。已经具备了传统App的大部分功能。这种开发门槛低,也就是可以完成前端开发。大部分都可以在大包平台上完成,以后可以了解这个。
前端主流技术框架
前面的都是基础的东西。现在做前端开发,不只是靠基础的东西,移动页面也算是成熟了。三个前端框架,VUE,这三个现在可以说非常火了。
一个可以用基本语法写出来的前端,我们为什么需要一个框架?
很多新手朋友不明白什么是框架。他们只听说过这些东西,还以为是一个框架。或者认为框架是为了加速开发,认为这些库、插件可以完成框架的工作。
其实,框架的出现,是改变前端地位的重要标志。最重要的表现是前后端分离。在前后端分离之前,很多后端开发者都是父亲和母亲。效果不好,效率不高。我出生在后端,我知道痛苦。
当前的前端项目比以前更加复杂和多样化。项目复杂,问题较多。
该框架解决了什么问题?
解决重复引用外部js。以开发为例。在很多情况下,单独完成一个项目是不可能的。需要引用很多第三方插件和库,导致项目中引入了很多外部JS文件。
这样不仅使代码凌乱,而且影响打开速度。但是使用一个框架,以VUE为例,一般会配合构建工具前端编程语言,然后就可以完成一个入口文件,运行时在入口中引入一次,一劳永逸。
使用基于组件的开发。组件是前端框架中非常强大的功能之一。它可以扩展您的 HTML 并封装可重用的代码块,例如您的轮播图、选项卡切换、页眉和页底等等。
这个独立的组件具有完整的结构(html)、性能(css)和行为(js)功能,大大节省了代码量,提高了代码的复用性。尤其是团队合作时,可以大大提高使用效率。
缩短开发周期。如果您认为可以缩短开发周期,那么框架实际上可以比库更快。比如在使用和开发的时候,很多时候需要频繁的操作DOM,每个效果都要搜索DOM,非常繁琐。使用框架时,封装了很多功能。例如,许多命令具有数据绑定和数据格式化功能。所以更多时候,我们只需要在开发时关注数据的逻辑即可。
终于
这些是我们学习网页制作、网页应用开发、学习前端开发的必备知识点。给大家介绍一下学习路线。
当前题目:做软件开发的基本步骤和布局方法,你了解多少?
标题URL:/news12/294412.html
成都网站建设公司_创新互联,为您提供标签优化、品牌网站设计、星空体育app最新版本(2024已更新)、网站营销、全网营销推广、云服务器
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容