翻看博客,发现好久木有发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. CentOS安装gitLab服务器

    首先利用gitlab-install-el6.sh安装,比较简单: (出处:http://www.linuxidc.com/Linux/2013-06/85754.htm) 1:如果有条件,提供一台全 ...

  2. lbs(查看附近的人),看看社交软件如何实现查看附近的人

    最近在做一款移动端棋牌游戏,为了进一步提高用户体验.拉近玩家的距离,我们决定在游戏中加入好友功能,而对于体验好友功能的玩家来说,要是玩牌的时候可以看看附近都有谁在玩牌,跟他们交流交流玩牌心得什么的无疑 ...

  3. Meteor 使用疑问总结

    使用Meteor有七八个月了,现在总结下Meteor的几点感受 先说说缺点吧: Meteor 项目启动的比较慢,离开了网络根本没法启动,不知道为何启动的时候会从网上下载很多东西,而不是从本地去加载. ...

  4. 论Oracle字符集“转码”过程

    本文将通过实验来演示一下Oracle字符集“转码”的确认过程. 1.实验环境说明 客户端是Windows XP操作系统的SQL*Plus程序,客户端字符集是936(对应Oracle的ZHS16GBK字 ...

  5. hdu 4403 枚举

    #include<cstdio> #include<cstring> #include<iostream> #include<cmath> #inclu ...

  6. js 获取鼠标位置坐标

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  7. MyGui 3.2.0(OpenGL平台)的编译

    MyGui是一个用来创建用户图形界面的库,用于游戏和3D应用程序.这个库的主要目标是达到:快速.灵活.易用. 1.下载准备: 源代码:http://svn.code.sf.net/p/my-gui/c ...

  8. java连接MySQL数据库的方式

    Java连接数据库的几种方法 *说明 1.以MySQL数据库为例 2.分为四个步骤: 建立数据库连接, 向数据库中提交sql 处理数据库返回的结果 关闭数据库连接 一:JDBC 1.建立数据库连接 只 ...

  9. sklearn 总结

    一张思维导图总结一下用到的大体模块:

  10. test20181005 迷宫

    题意 分析 时间复杂度里的n,m写反了. 出题人很有举一反三的精神. 代码 我的代码常数巨大,加了各种优化后开O3最慢点都要0.9s. #include<cstdlib> #include ...