web前端学习之路
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前端工作,慢慢积累工作经验。
未完待续。。。
web前端学习之路的更多相关文章
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...
- Web前端 web的学习之路
零基础学习web前端的顺序 ( 转载自:https://blog.csdn.net/weixin_41780944/article/details/83751632) 怎么开始学习两条路:自学或者找培 ...
- Web前端学习开篇
首先想想自己喜欢干什么?想干什么?脑袋需要什么?什么对自己来说最重要?自己的规划? 本人数字媒体技术专业,想学Web前端开发有好长时间了,有一定的基础,所以就想进一步深入学习.谁料想,我怎么那么没有耐 ...
- 一个「学渣」从零开始的Web前端自学之路
从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”. 最后的机缘巧合下,走上了前端开发之路,作为一个非计算机专业且低 ...
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- 【web前端学习部落22群】分享 碰撞的小球开源小案例
对于课程中的疑问,大家可以加 web前端学习部落22群 120342833和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛 可以一起探讨问题,我们也会安排专业的技术老师为大家 ...
- web前端学习部落22群开源分享 左边菜单导航
有大量web前端开发工具及学习资料,可以搜群[ web前端学习部落22群 ]进行下载,遇到学习问题也可以问群内专家以及课程老师哟 <!DOCTYPE html> <html lang ...
- 【前端】Web前端学习笔记【2】
[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...
- 立方体旋转 【web前端学习部落22群120342833】
效果: HTML部分: <body class="body"> <div class="rect-wrap"> <!-- // ...
随机推荐
- 矩阵转置 O(1)空间
题目:用O(1)的空间实现矩阵的转置 为了方便,使用一维数组来分析.所谓矩阵转置,行变列,列变行.在转置的过程中,有的元素位置是不变的:对于变化位置的元素,要求O(1)空间完成,那么这些位置的变化一定 ...
- 【原】win7下调整分区
由于装系统时硬盘分区极度不合理,导致现在装一些比较大的开发软件根本不能装,但是又不想重装系统调整分区,而且还不想让已有的文件受到一点伤害,毕竟数据无价啊.几番搜索后,发现了一款比较好用的硬盘管理软件 ...
- Sass 的基本语法规则
转自:http://www.cnblogs.com/qqloving/p/3676852.html 自从发现可编程的css语法 Sass和基于Sass的css库compass 一个给我的感觉像c# 另 ...
- 顺便说一下$.each()函数:
$.each()函数不同于JQuery对象的each()方法,它是一个全局函数,不操作JQuery对象,而是以一个数组或者对象作为第1个参数,以一个回调函数作为第2个参数.回调函数拥有两个参数:第1个 ...
- iOS多线程编程指南(一)关于多线程编程(转)
原文:http://www.dreamingwish.com/article/ios-multi-threaded-programming-a-multi-threaded-programming.h ...
- Linux--根文件系统的挂载过程分析
前言: 本篇文章以S3C6410公版的Linux BSP和U-Boot来进行分析,文中全部提及的名词和数据都是以该环境为例,全部的代码流程也是以该环境为例来进行分析.哈哈.假设有不对或者不完好的地方, ...
- Java学习笔记---继承和super的用法
自从换了个视频教学,感觉比原来那个好多了,就是学校网速太渣,好多视频看一会卡半天,只能先看看已经下载的了. 不过也好,虽然不能从开始开始重新开,但是已经看过一次,在看一次也是好的,就当巩固学习了. 继 ...
- vsftpd限制用户不能更改根目录
在IE下登陆会出现如下图所示情况,当时直接吓尿了,尼玛这台危险了.仔细一想可定是在配置vsftpd.conf时没有设置用户不能更改根目录:
- c++中basic_istream::getline()的返回值何时为真
今天在看primer,17ch中的IO库再探,做课后练习,要求用ifstream.getline(char*, const unsigned, char)读取一个文件,用循环: while(ifs.g ...
- mysql学习(四)-字段类型
mysql数据类型: 数值型: 整形:int 浮点型:float double decimal:定点型 日期: date '2012-01-02' time '10:01:01' datetime ...