翻看博客,发现好久木有发blog了。纠其原因,一则是近来工作上卡到了一个编程难题,我是一个单线程的小猿,当我手头有事情做的时候,我不想分心去做其它事情,如写blog。二则是我个人的写作能力不佳,想到写blog,拖延心理大获全胜。

现在正值放假,刚好有时间总结一下这段时间来的工作收获,便花点时间,写一下blog。

我大学的读是饥渴专业,接触过几门编程语言,如:C、C++、Java和Python,其中玩弄C++的时间最久。当时的我,天真的以为学好C++,毕业后找份从事C++桌面应用程序开发的工作,就可以了。所以大学的四年里,我就学好了个C++,可想而知,我浪费了多少时间。其实,我当时应该从C++的主线出发,去拓宽下自己的编程语言视线,从静态编程语言到动态编程语言、从桌面应用程序编程语言到web开发编程语言。只可惜当时意识这些的时候已经晚了,最后在大学毕业前只学了门动态编程语言Python的语法,使用时期为一个月。而对于web开发编程语言,我完全是zero.可想而知,当老大要我在应用程序里内嵌动态网页时,我惊讶的表情。

关于它们的语法

当拿到这个任务时,我便到谷歌上搜了下可以快速入门HTML、CSS和JavaScript的书籍或教程,发现有个W3school的网址总是排在前列,进去后发现里面有多入门教程,就是我想要的(搜索引擎改变世界啊)。当我把里面的HTML教程看完后(它里面的HTML教程讲得很简单,或许HTML本来就简单),就可以用文本编辑器写一个静态简单网页,如实现一行文本的居中,图片的导入等等。

看完HTML后,接下来的是CSS语法,CSS的语法也是挺简单的,只是它的样式表很多,还有各种属性。过完W3school的CSS介绍很快,写一个简单的CSS样式很快,但是要写一个好的CSS样式,把网页渲染得好看,则是比较难的。

上图是我开始学HTML和CSS语法后,做出来的,大概用了一天时间,它只是一个静态网页,而且CSS的渲染还很差。其实做一个简单网页真的没有想像中的难。

因为我要做的是一个动态网页,因此还得学下JavaScript。JavaScript跟Python一样是脚本语言,有一定的共性,JavaScript语法只会了一点,不过最终用的是它的JQuery库,JQuery库的有些语法很神奇,现在还有点接受不能。建议多看下别人的代码,慢慢习惯它写出来的代码,然后模仿着写些。我还没有开始写,所以给不了效果图。

关于开发工具

公司做前端的同事都推荐我用notepad++和浏览器,一个开发一个测试。可我是一个偷懒的程序员,我觉得对于一个web开发的新手,如果没有一个有代码提示的IDE,开发的过程就是一场恶梦。还好最后一个做网页开发的朋友,推荐了我一款web开发工具,叫WebStorm。有代码提示,界面也比较友好,用着挺好。

结尾

对于做web开发的新手,会了基本的语法,选择了开发工具后,有一个能帮你答疑的老师,还是很重要的。毕竟在你实践的过程中会遇到很多前人都会遇到的问题,当然可以到网上去搜答案,不过没有一个老师一对一答疑来得好。

新手程序员随笔2——初识html、css和javascript的更多相关文章

  1. 一个想法照进现实-《IT连》创业项目:创业时该不该用新手程序员

    前言: 距离上一篇文章,转眼已然一个多月了,这段时间没出来和大伙汇报创业的进度,怪我了. 最近又感冒了,已经一个多星期了,还在感冒中,不过感冒也不能偷懒了,每天都有大把的事情等着我解决~~~ 不过今天 ...

  2. C++代码书写规范——给新手程序员的一些建议

    代码就是程序员的面子,无论是在工作中在电脑上写程序代码还是在面试时在纸上写演示代码我们都希望写出整洁,优雅的代码.特别在工作中当我们碰到需要维护别人的代码,或者是多人参与一个项目大家一起写代码的时候, ...

  3. 如何向新手程序员介绍Java编程

    学习Java,他们都说很easy. 作为一名刚从斯康星大学麦迪逊分校计算机科学系毕业的大学生,我通过一些编程课程认识了很多使用Java的朋友.现在很多学校都在从别的编程语言(大多是C ++)转教Jav ...

  4. Hi Java!!!---来自十八岁的程序员随笔

    9月23日我正式加入了程序员的行列,在哪以前我都不知道程序员到底是干嘛的,电脑对于我来说也不过是打打游戏,玩玩QQ.转眼间一个月了,我真正的喜欢上了这门行业,当自己写出一个程序的时候特别有成就感,哪怕 ...

  5. java程序员的NodeJS初识篇

    摘要 作为一个一直用java来写后端的程序员用NodeJS来写后台,实在不是很爽.这里记下这两个月的NodeJS学习所遇之坑,与java转NodeJS的同仁共勉.学习时间不长,若有理解错误,望指正. ...

  6. 新手程序员求职简历缺少这 3 点!别说8k薪资,4K你可能都拿不到!

    制作一份简历可能需要八百到千字,但HR看简历的时间只不过短短十秒,甚至可以说是一目十行. 我想针对想做程序员的刚毕业的学生分享着一点自己在求职招聘方面的感悟,不针对工作了多年的老同志了.快毕业那会儿, ...

  7. Let’s do this!新手程序员的入门指南(转)

    计算机科学(Computer Science)无疑是现在最热门的学科之一,这领域的工作薪水高.工作时间弹性,而且科技业对工程师.开发者的需求至今有增无减,科技龙头们随时虎视眈眈着出色的程式开发者.创意 ...

  8. 聊聊一直困扰前端程序员的浏览器兼容-【css】

    1.为什么会出现浏览器兼容问题? 由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床.再加上各大厂商出于自身利益考虑而设置的种种技术壁 ...

  9. Android程序员学WEB前端(8)-CSS(3)-盒子内联块级定位浮动-Sublime

    转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76618473 觉得博文有用,请点赞,请评论,请关注,谢谢!~ 盒子模型: <!D ...

随机推荐

  1. 查看Sql Server被锁的表以及解锁

    查看被锁表: select spId from master..SysProcesses where db_Name(dbID) = '数据库名称' and spId <> @@SpId ...

  2. Ajax入门(二)

    接收服务器返回的消息 1,定义触发Ajax的js效果 2,创建Ajax方法 如果返回的数据是XML,则需使用aj.responseXML 3,接收服务器返回的消息,并显示在网页上 错误案例:直接接收服 ...

  3. 在ASP.NET Web API项目中使用Hangfire实现后台任务处理

    当前项目中有这样一个需求:由前端用户的一个操作,需要触发到不同设备的消息推送.由于推送这个具体功能,我们采用了第三方的服务.而这个服务调用有时候可能会有延时,为此,我们希望将消息推送与用户前端操作实现 ...

  4. 限制EditText 输入的字节数

    1.代码 name_tv = (EditText) findViewById( R.id.name_tv ); name_tv.addTextChangedListener(new TextWatch ...

  5. h5嵌入视频遇到的bug及总结---转载

    最近做的一个h5活动因为嵌入视频而发现了好多以前从未发现的问题,在测试的时候不同系统不同版本不同环境等多多少少都出现了些问题,搞得我也是焦头烂额的,不过好在最终问题都解决了,自己也学到了好多东西,为了 ...

  6. 静态修饰符(关键字static)

    1.Static修饰的方法或变量通常称为类方法和类属性 2.静态方法中不能使用this和super关键字,也不能做为局部变量使用 3.在静态方法中不能访问非静态成员方法和非静态成员变量,但是在非静态成 ...

  7. #define &amp;&amp; const

    (1) 编译器处理方式不同 define宏是在预处理阶段展开. const常量是编译运行阶段使用. (2) 类型和安全检查不同 define宏没有类型,不做任何类型检查,仅仅是展开. const常量有 ...

  8. Codeforces Round #137 (Div. 2)

    A. Shooshuns and Sequence 显然\([k,n]\)之间所有数均要相同,为了求最少步数,即最多模拟\(n\)次操作即可. B. Cosmic Tables 映射\(x_i,y_i ...

  9. Ubuntu Server Download

    点击查看所有版本(中国站点) http://mirror.lzu.edu.cn/ubuntu-releases/

  10. 不存在具有键“test”的“IEnumerable&lt;SelectListItem&gt;”类型的 ViewData 项。

    x 很简单的一个问题,有时候提示语已经写得很清楚了, 但是自己那时候就是"鬼迷心窍"了吧··· 解决方案 public PartialViewResult Edit() { vie ...