搜尋
首頁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
< datalist>的目的是什麼。 元素?< datalist>的目的是什麼。 元素?Mar 21, 2025 pm 12:33 PM

本文討論了html< datalist>元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

> gt;的目的是什麼 元素?> gt;的目的是什麼 元素?Mar 21, 2025 pm 12:34 PM

本文討論了HTML< Progress>元素,其目的,樣式和與< meter>元素。主要重點是使用< progress>為了完成任務和LT;儀表>對於stati

< meter>的目的是什麼。 元素?< meter>的目的是什麼。 元素?Mar 21, 2025 pm 12:35 PM

本文討論了HTML< meter>元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了< meter>從< progress>和前

視口元標籤是什麼?為什麼對響應式設計很重要?視口元標籤是什麼?為什麼對響應式設計很重要?Mar 20, 2025 pm 05:56 PM

本文討論了視口元標籤,這對於移動設備上的響應式Web設計至關重要。它解釋瞭如何正確使用確保最佳的內容縮放和用戶交互,而濫用可能會導致設計和可訪問性問題。

< iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼?< iframe>的目的是什麼。 標籤?使用時的安全考慮是什麼?Mar 20, 2025 pm 06:05 PM

本文討論了< iframe>將外部內容嵌入網頁,其常見用途,安全風險以及諸如對象標籤和API等替代方案的目的。

我如何使用html5< time> 元素以語義表示日期和時間?我如何使用html5< time> 元素以語義表示日期和時間?Mar 12, 2025 pm 04:05 PM

本文解釋了HTML5< time>語義日期/時間表示的元素。 它強調了DateTime屬性對機器可讀性(ISO 8601格式)的重要性,並在人類可讀文本旁邊,增強Accessibilit

HTML5中跨瀏覽器兼容性的最佳實踐是什麼?HTML5中跨瀏覽器兼容性的最佳實踐是什麼?Mar 17, 2025 pm 12:20 PM

文章討論了確保HTML5跨瀏覽器兼容性的最佳實踐,重點是特徵檢測,進行性增強和測試方法。

如何使用HTML5表單驗證屬性來驗證用戶輸入?如何使用HTML5表單驗證屬性來驗證用戶輸入?Mar 17, 2025 pm 12:27 PM

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

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.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境