新手程序员随笔2——初识html、css和javascript
翻看博客,发现好久木有发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的更多相关文章
- 一个想法照进现实-《IT连》创业项目:创业时该不该用新手程序员
前言: 距离上一篇文章,转眼已然一个多月了,这段时间没出来和大伙汇报创业的进度,怪我了. 最近又感冒了,已经一个多星期了,还在感冒中,不过感冒也不能偷懒了,每天都有大把的事情等着我解决~~~ 不过今天 ...
- C++代码书写规范——给新手程序员的一些建议
代码就是程序员的面子,无论是在工作中在电脑上写程序代码还是在面试时在纸上写演示代码我们都希望写出整洁,优雅的代码.特别在工作中当我们碰到需要维护别人的代码,或者是多人参与一个项目大家一起写代码的时候, ...
- 如何向新手程序员介绍Java编程
学习Java,他们都说很easy. 作为一名刚从斯康星大学麦迪逊分校计算机科学系毕业的大学生,我通过一些编程课程认识了很多使用Java的朋友.现在很多学校都在从别的编程语言(大多是C ++)转教Jav ...
- Hi Java!!!---来自十八岁的程序员随笔
9月23日我正式加入了程序员的行列,在哪以前我都不知道程序员到底是干嘛的,电脑对于我来说也不过是打打游戏,玩玩QQ.转眼间一个月了,我真正的喜欢上了这门行业,当自己写出一个程序的时候特别有成就感,哪怕 ...
- java程序员的NodeJS初识篇
摘要 作为一个一直用java来写后端的程序员用NodeJS来写后台,实在不是很爽.这里记下这两个月的NodeJS学习所遇之坑,与java转NodeJS的同仁共勉.学习时间不长,若有理解错误,望指正. ...
- 新手程序员求职简历缺少这 3 点!别说8k薪资,4K你可能都拿不到!
制作一份简历可能需要八百到千字,但HR看简历的时间只不过短短十秒,甚至可以说是一目十行. 我想针对想做程序员的刚毕业的学生分享着一点自己在求职招聘方面的感悟,不针对工作了多年的老同志了.快毕业那会儿, ...
- Let’s do this!新手程序员的入门指南(转)
计算机科学(Computer Science)无疑是现在最热门的学科之一,这领域的工作薪水高.工作时间弹性,而且科技业对工程师.开发者的需求至今有增无减,科技龙头们随时虎视眈眈着出色的程式开发者.创意 ...
- 聊聊一直困扰前端程序员的浏览器兼容-【css】
1.为什么会出现浏览器兼容问题? 由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床.再加上各大厂商出于自身利益考虑而设置的种种技术壁 ...
- Android程序员学WEB前端(8)-CSS(3)-盒子内联块级定位浮动-Sublime
转载请注明出处:http://blog.csdn.net/iwanghang/article/details/76618473 觉得博文有用,请点赞,请评论,请关注,谢谢!~ 盒子模型: <!D ...
随机推荐
- 大熊君学习html5系列之------History API(SPA单页应用的必备------重构完结版)
一,开篇分析 Hi,大家好!大熊君又和大家见面了,(*^__^*) 嘻嘻……,这系列文章主要是学习Html5相关的知识点,以学习API知识点为入口,由浅入深的引入实例, 让大家一步一步的体会" ...
- Servlet监听器
一.servlet的8个监听器 场景 监听者接口 事件类型 你想知道一个web应用上下文中是否增加.删除或替换了一个属性 javax.servlet.ServletContextAttributeLi ...
- 【荐2】Total Commander 7.57 配置选项 个性化设置备份,,,开启时如何自动最大化???(二)
最近安装了下新版的“Total Commander 7.56”,发现它的默认设置是如此的不好用,现把对其个性化设置备份如下(符合大部分用户的操作习惯): 默认打开Total Commander 7.5 ...
- Ajax跨域:Jsonp原理解析
推荐先看下这篇文章:JS跨域(ajax跨域.iframe跨域)解决方法及原理详解(jsonp) JavaScript是一种在Web开发中经常使用的前端动态脚本技术.在JavaScript中,有一个很重 ...
- iOS开发——UI进阶篇(十九)UISearchBar控件简介
最近用到搜索功能.总结一下 搜索,无疑可以使用UISearchBar控件! 那就先了解一下UISearchBar控件吧! UISearchBar控件就是要为你完成搜索功能的一个专用控件.它集成了很多你 ...
- JavaScript访问ab页面定时跳转代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- java.lang.IllegalStateException: Not allowed to create transaction on shared EntityManager - use Spring transactions or EJB CMT instead
java.lang.IllegalStateException: Not allowed to create transaction on sharedEntityManager - use Spri ...
- 周末娱乐一下--------恶搞windows小脚本
下面这是个循环DOS命令,使用了C中的goto语句 echo命令式输出命令 set命令是设置命令 var是变量,初始为0 :continue是一个用于goto的标示. %var%输出变量名,%var% ...
- rcnn学习(六):imdb.py学习
# -------------------------------------------------------- # Fast R-CNN # Copyright (c) 2015 Microso ...
- ngCloak 实现 Angular 初始化闪烁最佳实践
在做angular的SPA开发时,我们经常会遇见在如Chrome这类能够快速解析的浏览器上出现表达式({{ express }} ),或者是模块(div)的闪烁.对于这个问题由于JavaScript去 ...