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前端学习之路的更多相关文章

  1. jQuery延迟加载(懒加载)插件 – jquery.lazyload.js-Web前端(W3Cways.com) - Web前端学习之路

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...

  2. Web前端 web的学习之路

    零基础学习web前端的顺序 ( 转载自:https://blog.csdn.net/weixin_41780944/article/details/83751632) 怎么开始学习两条路:自学或者找培 ...

  3. Web前端学习开篇

    首先想想自己喜欢干什么?想干什么?脑袋需要什么?什么对自己来说最重要?自己的规划? 本人数字媒体技术专业,想学Web前端开发有好长时间了,有一定的基础,所以就想进一步深入学习.谁料想,我怎么那么没有耐 ...

  4. 一个「学渣」从零开始的Web前端自学之路

    从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的“丰富”. 最后的机缘巧合下,走上了前端开发之路,作为一个非计算机专业且低 ...

  5. 每天成长一点---WEB前端学习入门笔记

    WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...

  6. 【web前端学习部落22群】分享 碰撞的小球开源小案例

    对于课程中的疑问,大家可以加 web前端学习部落22群 120342833和其他老师还有众多的小伙伴们进行沟通交流哦,群里还有不少技术大拿.行业大牛 可以一起探讨问题,我们也会安排专业的技术老师为大家 ...

  7. web前端学习部落22群开源分享 左边菜单导航

    有大量web前端开发工具及学习资料,可以搜群[ web前端学习部落22群 ]进行下载,遇到学习问题也可以问群内专家以及课程老师哟 <!DOCTYPE html> <html lang ...

  8. 【前端】Web前端学习笔记【2】

    [2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...

  9. 立方体旋转 【web前端学习部落22群120342833】

    效果: HTML部分: <body class="body"> <div class="rect-wrap">   <!-- // ...

随机推荐

  1. mssql中得到当天数据的语句

    一条例子: 关键语句:

  2. MYSQL 简单的循环存储过程

    BEGIN ; ; DO DO ); ; ) THEN ; END IF; END WHILE; ; ; END WHILE; END

  3. 配置自己风格的Clang-Format-Xcode

    在项目根目录下,创建一个文件.clang-format,使用vim打开并修改. 具体的配置风格可以看这里:http://clang.llvm.org/docs/ClangFormatStyleOpti ...

  4. C#中log4net使用方法(一)

    Log4net是一个第三方开源组件,它设计的主要目的是组合,生成日志信息,同时将配置保存到各种存储介质或者展现平台中,在实际项目中,Log4net可以保存系统运行情况,可以在系统出现异常时,根据保存的 ...

  5. MSSQL查询连接数

    SELECT * FROM [Master].[dbo].[SYSPROCESSES] WHERE [DBID] IN ( SELECT [DBID] FROM [Master].[dbo].[SYS ...

  6. JAVA 可视化分析工具 第12节

    JAVA 可视化分析工具  第12节 经过前几章对堆内存以及垃圾收集机制的学习,相信小伙伴们已经建立了一套比较完整的理论体系!那么这章我们就根据已有的理论知识,通过可视化工具来实践一番. 我们今天要讲 ...

  7. struts2 + jquery 开发环境下的ajax构建方法(action写法 + struts.xml配置 + js调用代码)

    1.action写法 public class RegisterAction extends ActionSupport { private InputStream inputStream; /** ...

  8. hacker入门篇——相关书籍

    1.<黑客大曝光:网络安全机密与解决方案(第7版)> 简介:这是一本老外写的书,比较适合入门看,内容包括一些基本的攻防流程,基本工具软件,网络安全的一些基本概念等,对整个网络安全和黑客入侵 ...

  9. 走进C标准库(7)——"string.h"中函数的实现memcmp,memcpy,memmove,memset

    我的memcmp: int memcmp(void *buf1, void *buf2, unsigned int count){ int reval; while(count && ...

  10. private、 protected、 public、 internal 修饰符的访问权限

    private : 私有成员, 在类的内部才可以访问. protected : 保护成员,该类内部和继承类中可以访问. public : 公共成员,完全公开,没有访问限制. internal: 当前程 ...