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

来源：互联网发布：矩阵乘法怎么算编辑：程序博客网时间：2024/05/21 18:35

一、安排

时长：半个小时

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

二、介绍前端

前端三剑客介绍
基于浏览器的，以代码为工具，展现很酷的设计，提高交互的体验的职业。
浏览器介绍
写前端代码工具介绍推荐（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/
（不完整）

阅读全文

0 0