前端学了半年,学了html+css+js+react+node+bootstrap,写下自己的一些心情体会。

作品

  1. 半年前,无意中发现了freecodecamp,跟着教程走了一段时间,前一阶段的主要内容是基本的html,css夹杂了bootstrap以及一丢丢javascript,总体来说感觉要记的东西很多,似乎并没有什么难度。在遇到第一个页面的时候就傻眼了,任务是设计一个人物缅怀,相当于一个伟人的人生历程。最终的表现就是这样mypen。纯html,样式直接采用bootstrape,现在看起来很简单。但是当时整整在脑子里纠缠了几天,最后下狠心直接开始做,用了一天才完成。稍微了解了bootstrap以及html的用法。但是对bootstrap有很多地方都不是很清楚。今天回头看了一下,突然发现上面的最后修改时间是六个月前,才意识到,已经六个月了。
  2. 在做出来第一个页面之后,至少对html是没有什么大的问题了,除了有些tag或者属性记不太清楚,别的基本上都差不多了,然后又着freecodecamp做了第二个项目,random queto machine。按键点击,随机产生一个新的名言,官方给的例子没看懂,现在来看主要是其中名言获取通过ajax从别的网站获取,而我的网页是内部存储,然后js改变显示的名言。最后的样子是这样mypen。终于用html+css+js写了一个代码,里面主要用的就是jquery的函数。已经五个月了。真不知道我那一个月里面干了什么。。。。
  3. 之后就算是入了点门。一直想做一个自己的主页,就写了简介自己的网站,是仿照别人的简介做的一个,主要的内容还没有进行更改。myresumeh5视频播放,bootstrap导航栏,切换,轮播,都在这个小作品里面用了一下。整体来讲对自己的提升还是很多的。
  4. 然后在网上看到一个中秋月亮的canvas,特别漂亮,就仿照那个做了一个自己的月亮和流星star,主要是canvas的使用,加强了自己的js,canvas的水平。
  5. 接下来的作品是个人博客,采用的是hexo搭建的静态博客,ejs模板写起来还是很舒服的,就这样,赖着人家的模板,也算完成了自己的(blog)[http://blog.xiaoboma.com/archives/],感觉很好。对自己也很有信心了。
  6. 然后就是一个weather-app,这个功能相对复杂,所有的dom结构最后都选择了采用js写入的方法,因为对每个城市进行添加同样的dom结构,再进行id编号,js写好一个html字符串,添加的时候只需要复制字符串插入dom就可以了。这个代码让我知道在js中使用构建html结构。(weather-app)[http://blog.xiaoboma.com/weather/].
  7. 目前还在学习react,问题很多,还是不清楚为什么要用react,还有就是到底什么是前端,前端的工作到底是什么?如何和后端数据库进行通信?