我对怎么自学前端的个人见解~

作者:陈大大    发布于:

先简单的扯一下没用的

其实一开始都是这样的,

  • 英语基础差
  • 还是英语差

这些等等一系列的,其实很大程度上都可以克服

那我该怎么写出第一行代码??

1
<p align=’center’>你好,程序世界</p>

上面那行代码就是HTML代码了,按我的理解它不是意义上的HTML5,可能只是一行html1-4标准的代码,因为h5的写法通常会写在css里面:

1
2
3
.line{
text-align: ‘center’;
}

1
<p class=’line’>你好,程序世界</p>

(不要准备骂我,怎么一开始就给看代码,你继续看)

简单的解释一下上面的几行代码: .line是一个css样式,而class则是调用了这个类

这里也就涉及到了编程的核心(我的理解): 面向对象编程

我也简单的解释一下面向对象编程:

我是一名学生,就是对象,相应的我就有方法,比如我要睡觉了,我就可以调用这个方法:睡觉,也就是说,我不是要一行一行写代码,而是应该把一个类写完了,然后我再调用,不懂了吧,我可能是没有说清楚

1
2
3
4
5
6
7
8
9
10

# 假装定义了一个对象
# 那么我就在对象里面定义了一个方法
Var obj = [
‘name’: ‘陈大大’,
‘age’: ‘17’,
‘sex’: true
]
# 我当然就可以调用方法了,比如
$(‘#box’).innerHTML = obj.name

不懂没有关系,写这个完全就是想搓搓你锐气,虽然我其实都没说明白(都在瞎编的!)

我想让你明白的是: 学习不是一天两天的事,要不断积累

来说正题,我本来都想好怎么说的,现在忘了

那先给你预装一套撸码装备


(软件有个毛用,学习的是思维,而不是软件本身,就像你会ps,和设计毛关系)

  • 编辑器: 记事本/notepad++/Sublime/ATOM/webstorm&idea
  • 调试浏览器: chrome/opera/firefox/IE
  • 操作系统: windows/linux

先提一下,我需要你明白的是,我现在所说的所谓的代码只是指的传统意义上web前端,不是更大层面的代码,它指的是:

网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页,就是我们在网页上能看到的

这个整个能看到,能进行交互的就是前端,这里有一个最重要的前后端分离,上图

不懂吧,我也不知道怎么说清楚,一时解释不清楚,那什么时候可以理解为后端呢(进行交互)
当我在百度的搜索框内输入字符,实际上我们就是向后端发送了请求

通过Ajax进行异步交互,向服务器发送了请求

对前后端有所了解了吗?

接下来 — 正文开始

静心学习,抵制浮夸

不建议在学习之前大量的去查询去获取关于前端的一些学习方法,因为那样你无法辨别那些东西是不是高质量的,是不是培训结构来唬你的,你会沉迷于这些数据流中,,而无法自拔,然后,,继续做设计狗.


我推荐的入门方法是:
1.Html
2.Css
3.Javascript
4.学会使用linux
5.PHP
6…..到了这步就已经有了方向了

我说的可能不标准,我教你一种方法,你打开: v2ex

看别人公司的入职的技术栈需要什么


看到了,你照着学不就完事了

看到别人发的简历了吗?


后面见,我们先入门再说


前面已经说了给你推荐的撸码一套装,那么你到底怎么写出第一行代码呢,来我一步一步说

  • 打开你的浏览器输入: http://github.com
  • 注册一个账号
  • 新建一个仓库
  • 注意了!你创建的仓库名必须是: 你的用户名.github.io ,就比如我的用户名是: chenhonzhou 那么我的仓库名应为: chenhonzhou.github.io
  • 创建好后,将来到
  • 点击readme

    -
  • 输入一行代码: <p align='center'>hello world</p>

然后在浏览器中访问地址: 你的用户名.github.io

是不是很有成就感,它里面就是你写出来的

hello world

不难吧,还很有成就感,哈哈

我们继续


上面的那串代码就是html,那你怎么学呢,我给的建议是,你去w3c : https://www.w3cschool.cn/html/
边看边学,,,然后学了不久你就会发现,我tm不学了

无聊乏味找不到乐趣
的确,所以这中学习方式,为什么我也推荐呢?因为是先让你了解一下基本的html,需要注意的一定不要好高骛远的去学习html5,这对没有一点帮助,一定只要学习html标签,别去看html5重新定义的标签,你会绝望的(太多了,会有挫败感,一步一个脚印)

然后基本看完了,发现html其实也就那样,也就是一个网页的骨骼,然后你就可以打开慕课网开始学习了: http://imooc.com

千万别付费!!!有免费课程

首先推荐你去看看: It梦,我的梦

HTML/CSS入门的在线课程: https://www.imooc.com/learn/9
强烈要求想学就一定过一遍这个!!

过了这个就看这个,边看边学,注意了,是少看多学多写多抄
https://www.bilibili.com/video/av5862916

看完这个就必须给我写出一个网站!!结合我一开始叫你注册的github使用github pages自己来
懵了吧,自己去学习git版本控制系统,然后使用github page来部署自己的静态网站
https://www.bilibili.com/video/av10476974

然后尝试做一个自己的blog

自己买一个域名

自己买一个服务器

format_list_numbered

(无)

  1. 1. 先简单的扯一下没用的
  2. 2. 那我该怎么写出第一行代码??
arrow_upward

Copyright © 2016 陈大大のBlog