搜索
首页web前端html教程web前端学习之路 - Brighy

test

随着自己对于web前端知识了解的越多,越来越发现自己真的好菜

 

一脸茫然阶段

两年前大学接触网页设计,那时对于网页设计一窍不通,只是看了一本自己大学编的一本入门教材,我甚至不知道那些网页设计的代码是干什么用的,大学的老师自己讲的很投入,然而我并不懂。最后考试他就划了重点。我们只要记一些简单的html代码,那时的我还不知道什么是盒子模型,不知道什么是css,怎么外部引用css和javascript,只是对一些标签眼熟

初识网页设计

去年的暑假,那时无意中看到了一个视频,视频是教你怎么在十分钟搭建一个论坛网站,内容其实很简单,就是把phpnow一件安装包安装到本地,搭建一个服务器,然后到discuz下载腾讯开发的discuz论坛程序,一件安装,通过本地访问127.0.0.1,经过本测试确实可以完成简单的搭建一个网站,于是我到处去下载各种个样打到网站程序,算是知道了如何完成一个网站搭建的流程。但是问题来了,搭建网站用的是别人的网站程序,别人的logo你总要修改吧,不至于里面的文字都不会改吧,于是我就把网页设计的书又看了一遍,又是一种似懂非懂的状态,不过我算是知道了网页设计的用途了,就是设计好放到一台服务器中运行,类似于我本地搭建的网站环境。

有了本地搭建的经验,我就想到网上去租一台服务器,于是看到了阿里云,免费空间,我看了下,有独立主机,虚拟主机,免费空间,免费空间有两年的使用期限。后来把网站程序用ftp传上去,访问不了,没备案,阿里对于没有备案的空间不允许外部访问

没办法,只好放弃,看了备案的流程,实在是很麻烦,不过真的要备案还

第一次设计网页

暑假的陪着室友,室友在斗鱼开直播,我们在宾馆住了一个月的时间,期间接代练,我们接了代练就交给自己联系的打手打,赚取微簿的中介费用,后来回到学校,室友是生意越做越大,开了淘宝店铺,店铺的成交量一个上万元,但是大部分代练的人还是通过支付宝直接支付。我萌生了设计一个自助查询代练价格网站的念头,因为有科技就要会使用,不用白不用

于是花了大约三个晚上(本人喜欢晚上活动,因为晚上安静,没人打扰,不过对身体不好),用dreamweaver,加上在网上拷贝的计算器js代码(那时我是一本javascript的书都没看过,一窍不通),自己就对着上面的注释一点一点的改成了自己想要的价格计算器,一开始很简陋,就几个select加上(+,-,*,/),功能就是这么简单,此处附上第一个作品地址


作品一
作品二

当然那时不知道什么是w3c标准,不知道什么叫行为,结构,表现分离,只是知道复制粘贴,能用就行,在dreamweaver下写的代码确实可以运行,现在看来自己当初写的东西好垃圾,不过没有再去重构了,因为室友的斗鱼直播间被封了,人气瞬间没了,就像幸苦建立起来的大厦,突然经厉了一场地震,都没了,后来换了平台,去了全名直播,但是始终没什么人气

中间一段时间,我还打算围绕室友直播做个论坛(因为看不懂代码,而且自己只会拷贝论坛程序,改改logo),备案了一半被退下来了,因为私人是不许办论坛的,因为扫黄打非,大部分个人论坛都被关了。企业论坛还是活的好好的,

本人为了在阿里云建站,特意学了linux的基本知识,因为网上说linux服务器稳定。我租了两台虚拟服务器,一台阿里,一台腾讯云,还在美橙网买了个域名,www.mml.space还在腾讯云买了个域名www.gnfire.cn,后来感觉阿里的服务器用不上就关了,只留了腾讯云一台服务器,几个月的作用就是给我挂挂qq,因为建论坛的计划泡汤了

初学网页设计

因为大四了,别人大部分都找到了工作,自己也有点慌了。寒假,我就在家把www.w3school.com.cn,这个网站网页设计的基础知识看了,也就看了html标签,css,年后想找份实习的工作,但是自己连自己会什么的不知道,网上投简历投的是程序员,我想找份工作边工作边学,但是自己真的什么也不会,突然想到自己大学究竟学了什么,能直接应付工作的好想没有

介绍下自己大学学的专业,电子信息。最近我才知道我的这个专业其实是个坑,什么都懂,然而什么都不精,并不能胜任任何工作,只是带你入个门,数电,模电,单片机,嵌入式,fpga,网页设计,网络工程,通信原理,移动通信原理,高频电子线路,等等,几乎把和带电和与计算机有关的东西都学了个遍,我的毕业设计选的是plc,plc是自动化的的课程。学的东西真的是乱七八糟,我的总结就是多而不精,然而并没有卵用,我们一个班就几个参加过电子设计竞赛的人在深圳找到了硬件工程师和软件工程师的职位,一家路由器公司,早知道当初也参加一下电子设计竞赛,悔不当初啊

再学web前端

就业的压力迫使我开始考虑到底从事什么职业,关键是一个很好的定位,以前只是知道有网页设计这么回事,投简历的时候才知道原来我一直在学的东西就是web前端,于是我到处找关于web前端的书看,我并不是一窍不通的,基本的知识我都知道,只是没有一个准确的目标,只是懒散的学习一下基本知识。于是开始学习前端的知识,html,css,javascript,ajax,jquery,还有后端的知识,php,java,当然,后端我只是了解一下。能看懂代码

经过两个月高强度的学习,终于掌握了一个初级web前端应该具备的技能:根据美工设计图纸完成静态页面的div加css布局,还可以用javascript完成简单的动态页面的

随着学习的深入,越来越发现自己的不足,网上看别人做的Demo,html5+css3完成的特效真的,令人惊叹,我都要被这样的页面吸引住了,很想了解是怎么做的,但是html5的canvas我还不会,svg我也不会,再去看外国的那些大神的Demo,做的大部分都是响应式布局,就是页面可以随着视窗大小而改变的,各种各样的框架,其中典型的bootstrap,javascript也是有各种各样的框架,数据库我也只是会简单的sql语句,然而我并不能掌握好,还有各种各样的浏览器兼容问题,web app,Angular JS,各种各样新的技术,xml

迷茫了

学了一段时间感觉自己懂得前端知识真的只是冰山一角,看着室友都找到了工作,我也有点方了,不如也找份测试工程师的工作先干着算了,去苏州那边找很好找的。但是我又不想放弃,毕竟已经是半只脚踏进web前端的人了,只是欠一份web前端工作,慢慢积累工作经验。

未完待续。。。

 

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
HTML:结构,CSS:样式,JavaScript:行为HTML:结构,CSS:样式,JavaScript:行为Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来:网络设计的发展和趋势HTML的未来:网络设计的发展和趋势Apr 17, 2025 am 12:12 AM

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML与CSS vs. JavaScript:比较概述HTML与CSS vs. JavaScript:比较概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

HTML:是编程语言还是其他?HTML:是编程语言还是其他?Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。

HTML:建立网页的结构HTML:建立网页的结构Apr 14, 2025 am 12:14 AM

HTML是构建网页结构的基石。1.HTML定义内容结构和语义,使用、、等标签。2.提供语义化标记,如、、等,提升SEO效果。3.通过标签实现用户交互,需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号,需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。

从文本到网站:HTML的力量从文本到网站:HTML的力量Apr 13, 2025 am 12:07 AM

HTML是一种用于构建网页的语言,通过标签和属性定义网页结构和内容。1)HTML通过标签组织文档结构,如、。2)浏览器解析HTML构建DOM并渲染网页。3)HTML5的新特性如、、增强了多媒体功能。4)常见错误包括标签未闭合和属性值未加引号。5)优化建议包括使用语义化标签和减少文件大小。

了解HTML,CSS和JavaScript:初学者指南了解HTML,CSS和JavaScript:初学者指南Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML的角色:构建Web内容HTML的角色:构建Web内容Apr 11, 2025 am 12:12 AM

HTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容,使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前By尊渡假赌尊渡假赌尊渡假赌
威尔R.E.P.O.有交叉游戏吗?
1 个月前By尊渡假赌尊渡假赌尊渡假赌

热工具

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具