时间:2023-10-26
升博体育从我的经历来讲,大一的时候我是没什么经验的,PHP我是看了一周多一些就写了一个博客系统,
现在算算前后端都可以一起学了,html半天。css三天,加上一周多一点的PHP&sql
项目推荐做一个 小博客,有个后台发文章,有个前台看文章 高级点可以加个评论
然后就可以脱离.PHP文件去用用框架,了解一下mvc模式,推荐laravel,文档还好,中文社区还挺活跃的
首先,后台的话可以选择PHP,Java,c,等,选一门学就行,如果还需要负责前端,学html,css,JavaScript是必不可少的。至于两个月能学到多少,取决于自身的学习能力,学习状态和完全投入到学习中的学习时间,如果以上几点都没问题的话,做个简单的项目是没问题的。
相信很多学习Web前端的同学都遇到过不知道学什么知识、从哪个方向入手的困境升博体育,今天就通过这次回答来解决大家这些疑惑,内容较多,建议点赞收藏阅读。
开始之前先分享一波学习资料升博体育,内容详细清晰,都是干货,包含有教程视频,学习思维导图以及路线框架,软件安装包等等,帮助每位同学都能有方向有路线的学好Web前端,尤其适用于零基础同学,需要的话自行领取吧!
目的:精通网页布局(能够模拟网站的任何一个静态页面),也是我们前端人员的必备技能,为后面学习JavaScript打下坚实基础。
HTML5基础:学习HTML5基础,主要学习最常见的没有兼容性的HTML标签。
CSS3基础:学习CSS3基础,主要学习最常用没用兼容性的CSS样式。利用前面学习的标签完成传说的PC端网页布局。
H5C3提高:学习HTML5新增的标签、CSS3样式,有一定兼容性,可以与未来更好地接轨。
项目:某宝电商网站。综合以前学习的知识点,贴近于实际开发,制作品优购电商网站,完成首页、列表页、注册页制作。
网站指在因特网上根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页集合。
网页是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读。
网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成,通常我们看到的网页,常见以**.htm或者.html后缀结尾的文件,因此,将其俗称为HTML文件**。
2)它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)。
网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户的。
前端人员开发代码--浏览器显示代码(解析、渲染)--生成最后的web页面
1)网页是图片、链接、文字、声音、视频等元素组成,其实就是一个html文件(后缀名为html)。
2)网页生成制作:有前端人员书写HTML文件,然后浏览器打开,就能看到了网页。
3)HTML:超文本标记语言,用来制作网页的一门语言,有标签组成的,比如图片标签、链接标签、视频标签等等。
这次的分享是我在学习Web前端过程中的笔记,记录下来便于自己复习,现在分享给大家希望能有所帮助,还有下方的学习资料和教程视频都是我近期整理的认为有用的分享给大家,都能免费领取,能节省大家的学习成本,需要的他学自行领取!
网页是通过浏览器来展示的,浏览器是网页显示、运行的平台。常见的浏览器有IE、火狐Firefox、谷歌Chrome、Safari和Opera等,平时成为五大浏览器。
浏览器内核(渲染引擎):负责读取网页内容,整理讯息,计算机网页的显示方式并显示页面。
Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。
由于不同的浏览器解析出来的效果可能不一致,开发者常常需要为多版本的开发而艰苦工作。
行为:网页模型的定义及交互的编写,现阶段主要学的是JavaScript。
简单理解:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。
HTML标签通常是成对出现的,例如html 和 /html,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。
有些特殊的标签必须是单个标签(极少情况),例如br /,我们称为单标签。
每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。
需要软件安装包的同学可以前往下方的学习群中领取,很多资料分享升博体育,帮助同学们学习更加系统高效,很多技术大佬在群里分享学习经验和方法,热情解答同学们提出的各种难题,提供解题思路,指导学习方向,如果你对Web前端感兴趣就加入我们一起成长进步吧!
!DOCTYPE文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文。
字符集(Charset)是多个字符集的集合,以便计算机能够识别和存储各种文字。
在标签内,可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。
charset常用的值有:GB2312、BIG5、GBK和UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。
(2)文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面。
学习标签是有技巧的,重点是记住每个标签的语义,简单理解就是指标签的含义,即这个标签是用来干嘛的。
根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰。
为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题。
在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在HTML标签中,标签用于定义段落,将整个页面分为若干个段落。
在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签。
在网页中,有时需要为文本设置粗体、斜体或下划线等效果,这时就需要用到HTML中的文本格式化标签,使文字以特殊的方式显示。
div和span是没有语义的,它们就是一个盒子,用来装内容的。
div是division的缩写,表示分割、分区,span意为跨度、跨距。
最后再推荐大家可以前往下方的Web前端润公开课学习试试,老师将知识讲解的清晰详细通俗易懂,很适合零基础的同学,进入课程就能领取整套学习资料和路线框架图,还有软件工具、电子书籍以及源码笔记等,想学好的同学不妨加入课程学习试试!
老问新答,其实对于大学生来说就是在基础知识掌握的前提下尽可能多的去参与实践项目,在项目中学习和成长,在插件、模板、框架等选择适合自己的去深入学习,在此推荐几款 web 开发的通用独立 UI 组件,希望对大家额开发工作有所帮助升博体育。
项目简介:Split.js 是一个轻量级的 JavaScript 工具,用于创建可调整的分割视图或者窗格。视图可以水平或者垂直分割,在两个元素间可以插入可拖动的 gutter。
项目地址:Split.js首页、文档和下载 - 视图分割工具 - 开源中国社区
项目简介:一个快速的布局堆砌器,不需要 HTML 标记或 CSS 样式表即可完成布局。功能强大,配置文件可读。
项目简介:一个老牌布局框架,已开发和维护 8 年,拥有自己的描述语法,采用优雅的链式语法封装自动布局。它可以根据可用的垂直空间将元素放置在最佳位置,类似于在墙壁上砌砖的经验丰富的泥水匠。
项目地址:Masonry首页、文档和下载 - jQuery布局插件 - 开源中国社区
项目简介:一款简单漂亮的开源图标集,强调功能、一致性和简单性。主要设计的使用范畴为应用系统、媒体控制、位置、天气、箭头、徽标等,均为以线条为主的极简化设计。图标遵循 24x24 Grid 设计。
项目简介:Google 开源的 Material Design 图标集,在 Web 应用,安卓和 iOS 设计中均适用。包含用于媒体播放、通讯、内容编辑、连接等等常用的图标,目前数量已超过 900 个。
项目简介:一个轻量级 style-controlled SVG 图标集,每个图标都是遵循 32x32 Grid 进行手工编码,并使用 SVG 笔画,以实现最大灵活性。这意味着你可以调整颜色、尺寸、量级,以及是否希望边缘为圆形或正方形。
项目简介:应用于复杂网页的细长进度条,非常轻巧升博体育,使用便捷,灵感来源于 Google、YouTube 和 Medium 。它也是极细的纳米级进度条,用逼真的细线条动画让用户看到网页正在发生的事情。
项目地址:NProgress首页、文档和下载 - jQuery 进度条插件 - 开源中国社区
项目简介:非常轻量级的进度条,gziped 大小仅约 699 字节。就是很直接的提供一些方法来控制进度条的当前进度。
项目地址:nanobar.js首页、文档和下载 - jQuery 进度条插件 - 开源中国社区
项目简介:一款把加载提示效果集成到按钮中,以弥合行动和反馈之间的时间间隔,提供更好的功能使用体验的库。主要用于在用户点击提交之后,即时提供反馈,让他们知道浏览器正在处理用户提交的任务。
项目简介:一个高度可定制、开箱即用的移动 web 和桌面 css 按钮库,基于SassCompass框架构建,包含各种形状、颜色、边框、2D/3D 、阴影、发光、下拉、分组、堆叠等不同类型的按钮。
项目地址:Buttons首页、文档和下载 - Web 按钮集合 - 开源中国社区
项目简介:一个清爽简洁的 JavaScript 日期选择器,轻量、无依赖,CSS 模块化。