2017-11-25前端初识协会分享会

一、安排

时长:半个小时

  • 介绍什么是前端
  • 学习前端相关路径
  • 了解百度地图开发

二、介绍前端
  • 前端三剑客介绍
  • 基于浏览器的,以代码为工具,展现很酷的设计,提高交互的体验的职业。
  • 浏览器介绍
  • 写前端代码工具介绍推荐(sublime,IDEA,文本)
  • 一个简单的HTML页面
<!DOCTYPE html><!-- 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 -->
<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -->


<html lang="en"><!-- 向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english -->


<head><!-- 标签用于定义文档的头部,它是所有头部元素的容器 -->
    <meta charset="UTF-8"><!-- 一种字符编码 -->
    <title>这是一个最简单的HTML</title><!-- 通常把它放置在浏览器窗口的标题栏或状态栏上 -->
</head>
<body><!-- body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。) -->
    AAAAAAA
    <br>
    BBBBBBB
    <br>
    CCCCCCC
</body>
</html>

三、学习路径介绍
  • github

1、http://www.runoob.com/w3cnote/git-guide.html
github使用教程

2、https://github.com/JacksonTian/fks
前端知识结构

3、https://github.com/KeithChou/taobao
淘宝购物车开源项目

  • W3Cschool

w3cschool是字典,其中有些标签一辈子也用不了几回;换句话说,w3cschool是用来查询的,不是用来背诵的;

  • 前端技术博客

1、http://my.csdn.net/w_linux
本人学习笔记

2、http://blog.csdn.net/whqet
Whqet’s blog

3、https://www.h5jun.com/
十年踪迹’s blog

4、http://www.cnblogs.com/rubylouvre/
Ruby’s blog

  • 网页开发辅助

1、http://www.iconfont.cn/
矢量图

2、http://lbsyun.baidu.com/index.php?title=jspopular
百度地图api

3、https://tinypng.com/
在线压缩图片

4、http://tool.oschina.net/jscompress/
在线前端代码压缩

四、百度地图开发演示

https://ash-ali.github.io/2017/11/19/my-first-blog/
(不完整)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值