翻看博客,发现好久木有发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. Codeforces Round #279 (Div. 2) ABCDE

    Codeforces Round #279 (Div. 2) 做得我都变绿了! Problems     # Name     A Team Olympiad standard input/outpu ...

  2. js判断本地是否安装app

    var ua = navigator.userAgent.toLowerCase(); 1.判断是否是微信 function isWeixinBrowser() { return (/micromes ...

  3. C/C++ 笔试题

    /////转自http://blog.csdn.net/suxinpingtao51/article/details/8015147#userconsent# 微软亚洲技术中心的面试题!!! 1.进程 ...

  4. git 简单使用

    创建新分支:git branch branchName 切换到新分支:git checkout branchName 然后 ,上面两个命令也可以合成为一个命令: git checkout -b bra ...

  5. Newton's method 分析

    大家都知道对于合理的函数和合理的值域牛顿迭代法是二次收敛(quadratic covergence)的(收敛速度定义见 https://en.wikipedia.org/wiki/Rate_of_co ...

  6. asp:DataGrid之添加asp:CheckBox做全选功能时涉及到绑值问题解决

    最大的意图是为asp:CheckBox的value绑定上自己需要的value值,而不是默认的字符串"on" 参考了这篇文章带Value属性的扩展CheckBox控件,意义不大,换了 ...

  7. Java批量文件打包下载

    经常遇到选择多个文件进行批量下载的情况,可以先将选择的所有的文件生成一个zip文件,然后再下载,该zip文件,即可实现批量下载,但是在打包过程中,常常也会出现下载过来的zip文件中里面有乱码的文件名, ...

  8. Android编程容易犯的错误之一

    1.设置TextView的文本颜色 TextView tv; ... tv.setTextColor(R.color.white); 其实这样设置的颜色是 R.color.white的资源ID值所代表 ...

  9. python习题 (1):login

    #!/uer/bin/env python # _*_ coding: utf-8 _*_ import sys retry_limit = 3 retry_count = 0 account_fil ...

  10. hive数据操作

    mdl是数据操作类的语言,包括向数据表加载文件,写查询结果等操作 hive有四种导入数据的方式 >从本地加载数据 LOAD DATA LOCAL INPATH './examples/files ...