文档章节

小白如何入门前端开发?

妖狐狸
 妖狐狸
发布于 2017/03/28 15:45
字数 850
阅读 17
收藏 0

学习前端最重要的二点就是:敲代码,敲代码,敲代码,做笔记,做笔记,做笔记。重要的事说三遍。

那么,问题来了,如何从一个前端小白入门并精通?

我也是从一个小白开始的,我的基础学习路径为:html css javascript jQuery bootstrap框架 ajax json swiper.js node.js anguler.js react.js php Apache 。 软件推荐:hbuilder、Sublime、Editplus三个软件。

给大家推荐一个学习家园哦!

每天都有免费的直播授课,有专门的解答哦

欢迎大家加入学习交流:97345400来一起交流的记得打上10

不怕不会,就怕你不肯学!

那么,我们从学习开始的html+css说起:

这一块呢,首先你要知道怎么写代码!!!有些人说学这个东西要英语成绩好么?其实并不需要,但是有一定的英语基础还是需要的,你至少要认识26个字母对吧,不然怎么敲代码。敲多了就熟悉了!

那么,介绍下简单、经常使用的html标签:

<hr/> 水平分割线

<h1></h1>至<h6></h6> 标题标签

<img/> 图片标签

<a> </a> 超链接

<table></table> 表格

<th></th> 表头

<tr></tr> 表行

<td></td> 表列

<form></form>

<div></div>

<ol></ol>

<ul></ul>

<li></li>

<input/>

<p></p>

<span></span>

等等标签,这些都需要自己多去了解,只有敲多了才能更好的去知道怎么用这些标签。

那么接下来说下css,这是盒子模型,盒子模型:元素之间的规划图,元素内容外边距边框内边距。

说到盒子模型,那么我们需要知道写网页之前我们要需要知道怎么切盒子,这是我理解的,也就是说拿到网页psd图之后要知道把他分成一个个盒子,这样就方便后面写代码。

css呢我们要知道其各种属性的意义,例如display,marigin,padding,text-align,css选择器等等,具体的就不详细介绍了,毕竟太多。

那么来说下html+css我是怎么学习的吧!

作为初学者的小白,我们在了解各种html标签以及css属性时,需要一边了解一边应用,写实用的例子。我主要用了两个psd完成了html和css的初学:

小白如何入门前端开发?

以及京东首页图,能够把这两个图用html+css做成静态页面就基本掌握基础的知识了。当然,做完之后还需要自己用其他psd图多敲敲代码。可以做下天猫、淘宝等的首页。我很少使用table标签,并且不推荐使用这个,可以多用div和ul li,但是我们也需要了解表格怎么使用的,在某些情况还是需要用到的。像这种前端基础的知识,html+css入门其实很简单,基本上照着学习手册学都没什么问题的。不过这也只是针对入门而已,精通的话还需要自己多去了解,多去敲代码。

总体来说,html+css并不难,对于初学者难点在于不知道怎么学并且如果不知道怎么做的时候没人指导,所以,我给出了刚开始的学习文件链接。

后期学习javascript,jQuery等以后再写了!

本文转载自:http://www.toutiao.com/i6402016153555698177/

共有 人打赏支持
妖狐狸
粉丝 0
博文 2
码字总数 0
作品 0
长沙
前端工程师
私信 提问
eth实战项目游戏开发 TICTACTOE 二

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bondsui/article/details/85755404 eth dapp,前端部分,使用使用truffle 框架,前端部分使用react,eht交互库...

唐朝9527
01/04
0
0
零基础如何学习Unity3D开发?

游戏行业一直以来都是利润很高的行业,所以行业内人才的待遇居于整个互联网的顶端。特别是目前行业内紧缺的Unity3D开发人才的薪资,更是让人羡慕不已,游戏大厂里从事Unity3D开发人员的年薪至...

san666_
2018/05/29
0
0
Git版本控制教程

Git 版本控制入门 不了解Git请查看权威Git书籍 ProGit(中文版)。 一份很好的 Git 入门教程,点击这里查看。 Git客户端下载地址: 官方Git - TortoiseGit - SourceTree 常用工具及插件教程...

切切歆语
2016/12/13
22
0
小白如何选择编程语言?

前言 汇智网开通以来访问量一直在持续不断的攀升,数以百万计的用户为了学习编程,访问了我们的网站,通过使用我们有在线编程环境的互动课程获得了一些自己想学习的知识。 根据我们后台统计,...

汇智网
2017/09/19
0
0
Web前端工程师的成长之路:前端开发零基础入门

HTML5与Flash之争,似乎早早就已分出了胜负,今年7月底,Adobe宣布将于2020年年底停止开发和发行Flash Player,同时建议内容开发者将Flash内容移植到HTML5,等于亲手宣判了Flash死刑。 随着H...

云大学小编
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java单例模式学习记录

在项目开发中经常能遇见的设计模式就是单例模式了,而实现的方式最常见的有两种:饿汉和饱汉(懒汉)。由于日常接触较多而研究的不够深入,导致面试的时候被询问到后有点没底,这里记录一下学习...

JerryLin123
昨天
3
0
VSCODE 无法调试

VSCODE 无法调试 可以运行 可能的原因: GCC 的参数忘了加 -g

shzwork
昨天
4
0
理解去中心化 稳定币 DAI

随着摩根大通推出JPM Coin 稳定币,可以预见稳定币将成为区块链落地的一大助推器。 坦白来讲,对于一个程序员的我来讲(不懂一点专业经济和金融),理解DAI的机制,真的有一点复杂。耐心看完...

Tiny熊
昨天
4
0
5.线程实现

用于线程实现的Python模块 Python线程有时称为轻量级进程,因为线程比进程占用的内存少得多。 线程允许一次执行多个任务。 在Python中,以下两个模块在一个程序中实现线程 - _thread 模块 th...

Eappo_Geng
昨天
6
0
ServiceLoader

创建一个接口文件在resources资源目录下创建META-INF/services文件夹在services文件夹中创建文件,以接口全名命名创建接口实现类 内容me.zzp.ar.d.PostgreSQLDialectme.zzp.ar.d.Hype...

Cobbage
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部