翻看博客,发现好久木有发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. Linux C popen()函数详解

    表头文件 #include<stdio.h> 定义函数 FILE * popen( const char * command,const char * type); 函数说明 popen( ...

  2. idea之resource配置

    1.问题 在idea中配置springmvc项目,用hibernate管理数据库,在web.xml中作如下配置: <!--配置hibernate数据库连接--> <listener& ...

  3. JAVA的i++, i+=1, i=i+1有区别吗?

    看一些JAVA基础题的时候,经常看到这个问题,很多人的解释是:i++最快,i+=1其次,i=i+1最慢.下面通过Sun JDK编译出来的字节码验证一下这个问题. 为了让编译出来的字节码便于阅读,将这三 ...

  4. android:layout_height、android:layout_width、android:height、android:width的关系与区别

    一直一来对android:layout_height.android:layout_width.android:height.android:width这几个属性的关系有些不理解,既然有了androi ...

  5. jsonp 自己写的一个例子

    function test(){ alert("13"); $.ajax({ type : "GET", async:false, url : "ht ...

  6. [转载]Java数组扩容算法及Java对它的应用

    原文链接:http://www.cnblogs.com/gw811/archive/2012/10/07/2714252.html Java数组扩容的原理 1)Java数组对象的大小是固定不变的,数组 ...

  7. HikariCP

    HiKariCP是数据库连接池的一个后起之秀,号称性能最好,可以完美地PK掉其他连接池. 为何要使用HiKariCP?这要先从BoneCP说起: 什么?不是有C3P0/DBCP这些成熟的数据库连接池吗 ...

  8. WIN7下VS2008生成Detours3.0

    Detours是微软开发的一个函数库,可用于捕获系统API.在用其进行程序开发之前,得做一些准备工作: 一.下载Detours       在http://research.microsoft.com ...

  9. Android杂记:genymotion与eclipse报错问题

    用eclipse启动genymotion时有时候会报 The connection to adb is down, and a severe error has occured. You must r ...

  10. 使用原生ajax访问后台数据并将其展现在前端页面中(小菜鸟自己整理玩的,大神勿喷)

    首先你要有php的环境,关于php环境的搭建,php本地站点的搭建,此处不再重复请看这里:http://www.cnblogs.com/Gabriel-Wei/p/5950465.html我们把wam ...