検索

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

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの未来:ウェブデザインの進化とトレンドHTMLの未来:ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript:比較概要HTML対CSS対JavaScript:比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML:それはプログラミング言語か何か他のものですか?HTML:それはプログラミング言語か何か他のものですか?Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML:Webページの構造の構築HTML:Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ:HTMLの力テキストからウェブサイトへ:HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解:初心者向けガイドHTML、CSS、およびJavaScriptの理解:初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール