SlideShare uma empresa Scribd logo
1 de 48
新浪微博 @Bencalie
献给


             献给
     • 有志于成为前端讲师的童鞋
     • 想分享但还有点手生的童鞋
关于我


        关于我
      • 2007.10~2010.10 新浪博客
      • 2010.11~现在   新浪微博
今天想说的


   • 我遇到过的困扰
   • 分享主题从哪来
   • 分享没有那么难,GO
   • 些许心得
何谓分享



       “分享”同义词
       • 报告
       • 汇报
       • 培训
       • 讲课
       • 演讲
何谓分享




       微博的SLOGAN

  随时随地分享身边的新鲜事儿
我遇到过的困扰




          你的困扰是什么?
我遇到过的困扰


     我没打算分享


          心态问题
     我是新人,同事都比我牛

     天天加班,有心无力啊

     我不知道可以分享什么

          能力问题
     我想分享,但不知道怎么开始
我遇到过的困扰


           调整心态
   • 分享是综合能力的锻炼
      最大受益者是讲师,知识总在更新
      教学相长,分享过程中激发新的思考
      你需要全方面发展,让机会找到你

   • 微博只是你的起点,不是你的终点
      作为专家:推广
      作为管理者:报告、培养
我遇到过的困扰


              调整心态
   • 近期
      讲师津贴
      KPI

   • 远期
      晋升/加薪
      自我成长
      自我营销
分享主题从哪来




          分享主题从哪来
需要什么样的分享

   • 工作流程
                   随处都是话题
   • 项目经验
   • 软件使用
   • 新技术
   • BUG排查过程
   • 安全策略的演化
   • 最近看的书、博文
   • 最近听的他人分享
   • code review
分享没有那么难




          事、物
分享的层次


            分享难易
   • 自己所知
   • 人所不知
   • 众所周知
分享没有那么难




     分享没有那么难,GO
分享没有那么难


          循序渐进
   • 从简单到复杂
   • 从浅显到深入
   • 从具体到抽象
   • 从表面到本质
分享流程


             分享流程
                  选题

        反馈                   收集




       分享                     整理



             试讲        PPT
选题


             选题
     • 选对题目就成功了一半
     • 给正确的人做正确的分享
     • 孔子曰:因材施教
选题


               选题
     • 讲什么主题,因目标受众而异
     • 深度和广度
     • 授课形式
     • 重点:内容有干货
选题


              什么是好的主题
     • 恰到好处(内容、时间、难度)
     • 举例说明


      JavaScript 基础   Javascript 的函数与闭包
      前端开发工具简介        Sublime Text 使用心得
选题


     假设你有一堆拼图碎片
搜集资料


               搜集
   • 来源:搜索、他人分享、书籍、工作经历
   • 资料尽可能全面
   • 碎片化,发散性强
   • 分享前调查了解
   • 平时随时记录
   • 重点:信息足够全面
整理资料


                  整理
   • 知识管理的技巧:技能树
   • 思维导图:
     Mindjet MindMananger (商业)
     XMind (商业)
     FreeMind (免费开源)
整理资料


       思维导图形成
整理资料


           整理
   • 输出物:分享主题大纲
   • 重点:取舍之道
PPT制作




        是否一定要有PPT?
PPT制作




    • 简报、KeyNote、PowerPoint
    • 作用:引导、补充
    • 模板:公司标准模板、自选
PPT制作


              PPT 的制作
    • 要点:简洁、逻辑清晰
    • 目录/大纲
    • 主要内容:文字、配图、资源、备注、动
        画效果
PPT制作


        PPT 的制作——文字
    • 字号太大/小
    • 怪异字体
    • 整篇都是文字
    • 颜色和背景太接近
    • 代码类文本
PPT制作


        PPT 的制作——配图
    • 和内容/主题匹配
PPT制作


        PPT 的制作——配图
    • 流程图
    • 图表
    • 图标
    • 大抄
    • 来源:搜索、工具截图
PPT制作


             PPT 的制作
    • 多媒体嵌入
    • 备注
    • 动画效果
PPT制作


             PPT 的禁忌
    • 要点不清
    • 条理不清
    • 细节太多
    • 篇幅太长
    • 错别字
    • 听众没有收益
PPT制作


             PPT 小结
    • 不要过度依赖PPT,更重要的是对内容的
        熟悉
    • PPT不是讲义,简明扼要即可
    • 准备多长时间的PPT?
试讲


               试讲
     • 关注点:时间、内容、重点、顺序
     • 参与者:资深人士、有代表性听众
     • 有条件可录音录像自听
     • 目的:修正
分享


             分享——开场
     • 分享前:提前到场准备
     • 克服紧张情绪
     • 开场白
分享


          分享——控场
     • 时间进度的把握
     • 内容的反馈:确认
     • 投影及红外指示器的使用
     • 意外:答不上来、应对挑战
分享


               分享——互动
     • 问问题
     • 巧用“托”
     • 小礼品
分享


         分享——注意点
     • 音量、音调
     • 视线看观众而不是投影
     • 注意点:语速适中、别捂嘴、别挡屏幕
     • 多观摩别人的分享
反馈


              反馈
     • 了解听众的接受程度及问题,用于下次同
      主题再次分享的改进
     • 提前准备调查表
     • 分享后个别人的访谈
     • 留作业
发布


                     发布
     • 让更多的人看得到你的分享
     • 整理成博文 (http://tech.weibo.com)
     • 整理成视频
     • PPT发布到互联网
         SlideShare.net
         iSpring
发布
些许心得




       些许心得
不同类型分享侧重点




      不同类型分享侧重点
Code review
• 代码的选择
• 项目背景
• 代码逻辑流程
• 代码片段展示
实战类
• 提前通知带电脑,并准备相关资源
• 各环节和进度的控制
• 时间预留
些许心得



   • 大胆去分享
   • 言之有物
   • 多学习、多练习才能不断进步
谢 谢!


 2013

Mais conteúdo relacionado

Destaque

Comoesquecer
ComoesquecerComoesquecer
Comoesquecerjmpcard
 
Nada a lamentar_gildo_oliveira
Nada a lamentar_gildo_oliveiraNada a lamentar_gildo_oliveira
Nada a lamentar_gildo_oliveirajmpcard
 
Tutoríal jefes de departamento vdd unah-2014
Tutoríal  jefes de departamento vdd unah-2014Tutoríal  jefes de departamento vdd unah-2014
Tutoríal jefes de departamento vdd unah-2014Pedro Sauceda
 
Palheiros
PalheirosPalheiros
Palheirosjmpcard
 
Hablame del mar marinero
Hablame del mar marineroHablame del mar marinero
Hablame del mar marinerojmpcard
 
Cuidados
CuidadosCuidados
Cuidadosjmpcard
 
Cura real
Cura realCura real
Cura realjmpcard
 
Guia de usos y estilo en la redes socilaes en cataluña
Guia de usos y estilo en la redes socilaes en cataluñaGuia de usos y estilo en la redes socilaes en cataluña
Guia de usos y estilo en la redes socilaes en cataluñaclau5
 
Avesso segunda parte
Avesso   segunda parteAvesso   segunda parte
Avesso segunda partejmpcard
 
Mudar de casa (ceo)
Mudar de casa (ceo)Mudar de casa (ceo)
Mudar de casa (ceo)jmpcard
 
Neve na grande florianopolis
Neve na grande florianopolisNeve na grande florianopolis
Neve na grande florianopolisjmpcard
 
Horas rubras
Horas rubrasHoras rubras
Horas rubrasjmpcard
 
A artede pinodaeni
A artede pinodaeniA artede pinodaeni
A artede pinodaenijmpcard
 
Crystal ralph marston - agora
Crystal   ralph marston - agoraCrystal   ralph marston - agora
Crystal ralph marston - agorajmpcard
 
Melhor mail2
Melhor mail2Melhor mail2
Melhor mail2jmpcard
 
Colecçâo de chàvenas
Colecçâo de chàvenasColecçâo de chàvenas
Colecçâo de chàvenasjmpcard
 

Destaque (20)

Comoesquecer
ComoesquecerComoesquecer
Comoesquecer
 
Nada a lamentar_gildo_oliveira
Nada a lamentar_gildo_oliveiraNada a lamentar_gildo_oliveira
Nada a lamentar_gildo_oliveira
 
Objetos de aprendizagem
Objetos de aprendizagemObjetos de aprendizagem
Objetos de aprendizagem
 
Boletín mayo 2014
Boletín mayo 2014Boletín mayo 2014
Boletín mayo 2014
 
Tutoríal jefes de departamento vdd unah-2014
Tutoríal  jefes de departamento vdd unah-2014Tutoríal  jefes de departamento vdd unah-2014
Tutoríal jefes de departamento vdd unah-2014
 
Palheiros
PalheirosPalheiros
Palheiros
 
Hablame del mar marinero
Hablame del mar marineroHablame del mar marinero
Hablame del mar marinero
 
Cuidados
CuidadosCuidados
Cuidados
 
Cura real
Cura realCura real
Cura real
 
Guia de usos y estilo en la redes socilaes en cataluña
Guia de usos y estilo en la redes socilaes en cataluñaGuia de usos y estilo en la redes socilaes en cataluña
Guia de usos y estilo en la redes socilaes en cataluña
 
Avesso segunda parte
Avesso   segunda parteAvesso   segunda parte
Avesso segunda parte
 
Mudar de casa (ceo)
Mudar de casa (ceo)Mudar de casa (ceo)
Mudar de casa (ceo)
 
Neve na grande florianopolis
Neve na grande florianopolisNeve na grande florianopolis
Neve na grande florianopolis
 
Horas rubras
Horas rubrasHoras rubras
Horas rubras
 
A artede pinodaeni
A artede pinodaeniA artede pinodaeni
A artede pinodaeni
 
Crystal ralph marston - agora
Crystal   ralph marston - agoraCrystal   ralph marston - agora
Crystal ralph marston - agora
 
Melhor mail2
Melhor mail2Melhor mail2
Melhor mail2
 
fdfdfdfdfdfdf
fdfdfdfdfdfdffdfdfdfdfdfdf
fdfdfdfdfdfdf
 
Colecçâo de chàvenas
Colecçâo de chàvenasColecçâo de chàvenas
Colecçâo de chàvenas
 
Connettività
ConnettivitàConnettività
Connettività
 

Semelhante a 我怎么做前端分享

102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練
102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練
102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練文化大學
 
拥抱开源-关于程序员的自我提高
拥抱开源-关于程序员的自我提高拥抱开源-关于程序员的自我提高
拥抱开源-关于程序员的自我提高Yihua Huang
 
20120801 低成本辦活動,經營核心客戶群,順便使用者研究!
20120801 低成本辦活動,經營核心客戶群,順便使用者研究!20120801 低成本辦活動,經營核心客戶群,順便使用者研究!
20120801 低成本辦活動,經營核心客戶群,順便使用者研究!iRethink 奧石的再思考
 
103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練
103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練
103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練文化大學
 
從乙方PM的角度看敏捷
從乙方PM的角度看敏捷從乙方PM的角度看敏捷
從乙方PM的角度看敏捷KC Liu
 
2012居家智慧day2-2(文化探針與脈絡研究)
2012居家智慧day2-2(文化探針與脈絡研究)2012居家智慧day2-2(文化探針與脈絡研究)
2012居家智慧day2-2(文化探針與脈絡研究)Ian Jang
 
大数据时代的"简读"之道
大数据时代的"简读"之道大数据时代的"简读"之道
大数据时代的"简读"之道Guang Chen
 
Ppt的制作与应用
Ppt的制作与应用 Ppt的制作与应用
Ppt的制作与应用 zzk1974
 
Nb的敏捷
Nb的敏捷Nb的敏捷
Nb的敏捷oulan
 
高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授
高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授
高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授翔霖 詹
 
求职经验分享 by Henry Ma
求职经验分享 by Henry Ma求职经验分享 by Henry Ma
求职经验分享 by Henry Maprancema
 
Sth. about Job Hunting in IT by Henry Ma
Sth. about Job Hunting in IT by Henry MaSth. about Job Hunting in IT by Henry Ma
Sth. about Job Hunting in IT by Henry Maprancema
 
BCG 問題解決力 讀書會導讀
BCG 問題解決力   讀書會導讀BCG 問題解決力   讀書會導讀
BCG 問題解決力 讀書會導讀Sky Lin
 
Innovative Learning
Innovative LearningInnovative Learning
Innovative LearningRyan Chung
 
Some experiences and lessons learnt from hunting a job
Some experiences and lessons learnt from hunting a jobSome experiences and lessons learnt from hunting a job
Some experiences and lessons learnt from hunting a jobLihang Li
 
六角學院 - 從社群到公司
六角學院 - 從社群到公司六角學院 - 從社群到公司
六角學院 - 從社群到公司Chih-cheng Wang
 
How to Build a Startup Team @ SLP Taipei
How to Build a Startup Team @ SLP TaipeiHow to Build a Startup Team @ SLP Taipei
How to Build a Startup Team @ SLP TaipeiJohn Sie
 

Semelhante a 我怎么做前端分享 (20)

102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練
102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練
102.05.31 台灣女性創業研究發展協會-詹翔霖教授-企劃書格式與撰寫2-簡報與教學技巧-行銷與連鎖加盟經營管理訓練
 
數位學習2.0
數位學習2.0數位學習2.0
數位學習2.0
 
拥抱开源-关于程序员的自我提高
拥抱开源-关于程序员的自我提高拥抱开源-关于程序员的自我提高
拥抱开源-关于程序员的自我提高
 
20120801 低成本辦活動,經營核心客戶群,順便使用者研究!
20120801 低成本辦活動,經營核心客戶群,順便使用者研究!20120801 低成本辦活動,經營核心客戶群,順便使用者研究!
20120801 低成本辦活動,經營核心客戶群,順便使用者研究!
 
103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練
103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練
103.09.00 簡報的方式及內容設計編寫-雄獅旅行社 -詹翔霖教授-k3講師教學技巧訓練
 
從乙方PM的角度看敏捷
從乙方PM的角度看敏捷從乙方PM的角度看敏捷
從乙方PM的角度看敏捷
 
2012居家智慧day2-2(文化探針與脈絡研究)
2012居家智慧day2-2(文化探針與脈絡研究)2012居家智慧day2-2(文化探針與脈絡研究)
2012居家智慧day2-2(文化探針與脈絡研究)
 
大数据时代的"简读"之道
大数据时代的"简读"之道大数据时代的"简读"之道
大数据时代的"简读"之道
 
Ppt的制作与应用
Ppt的制作与应用 Ppt的制作与应用
Ppt的制作与应用
 
Nb的敏捷
Nb的敏捷Nb的敏捷
Nb的敏捷
 
高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授
高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授
高雄工總 簡報製作技巧從企劃案到Ppt-詹翔霖教授
 
求职经验分享 by Henry Ma
求职经验分享 by Henry Ma求职经验分享 by Henry Ma
求职经验分享 by Henry Ma
 
Sth. about Job Hunting in IT by Henry Ma
Sth. about Job Hunting in IT by Henry MaSth. about Job Hunting in IT by Henry Ma
Sth. about Job Hunting in IT by Henry Ma
 
BCG 問題解決力 讀書會導讀
BCG 問題解決力   讀書會導讀BCG 問題解決力   讀書會導讀
BCG 問題解決力 讀書會導讀
 
Innovative Learning
Innovative LearningInnovative Learning
Innovative Learning
 
Some experiences and lessons learnt from hunting a job
Some experiences and lessons learnt from hunting a jobSome experiences and lessons learnt from hunting a job
Some experiences and lessons learnt from hunting a job
 
六角學院 - 從社群到公司
六角學院 - 從社群到公司六角學院 - 從社群到公司
六角學院 - 從社群到公司
 
Nb的敏捷
Nb的敏捷Nb的敏捷
Nb的敏捷
 
HP39活動簡介
HP39活動簡介HP39活動簡介
HP39活動簡介
 
How to Build a Startup Team @ SLP Taipei
How to Build a Startup Team @ SLP TaipeiHow to Build a Startup Team @ SLP Taipei
How to Build a Startup Team @ SLP Taipei
 

我怎么做前端分享

  • 2. 献给 献给 • 有志于成为前端讲师的童鞋 • 想分享但还有点手生的童鞋
  • 3. 关于我 关于我 • 2007.10~2010.10 新浪博客 • 2010.11~现在 新浪微博
  • 4. 今天想说的 • 我遇到过的困扰 • 分享主题从哪来 • 分享没有那么难,GO • 些许心得
  • 5. 何谓分享 “分享”同义词 • 报告 • 汇报 • 培训 • 讲课 • 演讲
  • 6. 何谓分享 微博的SLOGAN 随时随地分享身边的新鲜事儿
  • 7. 我遇到过的困扰 你的困扰是什么?
  • 8. 我遇到过的困扰 我没打算分享 心态问题 我是新人,同事都比我牛 天天加班,有心无力啊 我不知道可以分享什么 能力问题 我想分享,但不知道怎么开始
  • 9. 我遇到过的困扰 调整心态 • 分享是综合能力的锻炼 最大受益者是讲师,知识总在更新 教学相长,分享过程中激发新的思考 你需要全方面发展,让机会找到你 • 微博只是你的起点,不是你的终点 作为专家:推广 作为管理者:报告、培养
  • 10. 我遇到过的困扰 调整心态 • 近期 讲师津贴 KPI • 远期 晋升/加薪 自我成长 自我营销
  • 11. 分享主题从哪来 分享主题从哪来
  • 12. 需要什么样的分享 • 工作流程 随处都是话题 • 项目经验 • 软件使用 • 新技术 • BUG排查过程 • 安全策略的演化 • 最近看的书、博文 • 最近听的他人分享 • code review
  • 14. 分享的层次 分享难易 • 自己所知 • 人所不知 • 众所周知
  • 15. 分享没有那么难 分享没有那么难,GO
  • 16. 分享没有那么难 循序渐进 • 从简单到复杂 • 从浅显到深入 • 从具体到抽象 • 从表面到本质
  • 17. 分享流程 分享流程 选题 反馈 收集 分享 整理 试讲 PPT
  • 18. 选题 选题 • 选对题目就成功了一半 • 给正确的人做正确的分享 • 孔子曰:因材施教
  • 19. 选题 选题 • 讲什么主题,因目标受众而异 • 深度和广度 • 授课形式 • 重点:内容有干货
  • 20. 选题 什么是好的主题 • 恰到好处(内容、时间、难度) • 举例说明 JavaScript 基础 Javascript 的函数与闭包 前端开发工具简介 Sublime Text 使用心得
  • 21. 选题 假设你有一堆拼图碎片
  • 22. 搜集资料 搜集 • 来源:搜索、他人分享、书籍、工作经历 • 资料尽可能全面 • 碎片化,发散性强 • 分享前调查了解 • 平时随时记录 • 重点:信息足够全面
  • 23. 整理资料 整理 • 知识管理的技巧:技能树 • 思维导图: Mindjet MindMananger (商业) XMind (商业) FreeMind (免费开源)
  • 24. 整理资料 思维导图形成
  • 25. 整理资料 整理 • 输出物:分享主题大纲 • 重点:取舍之道
  • 26. PPT制作 是否一定要有PPT?
  • 27. PPT制作 • 简报、KeyNote、PowerPoint • 作用:引导、补充 • 模板:公司标准模板、自选
  • 28. PPT制作 PPT 的制作 • 要点:简洁、逻辑清晰 • 目录/大纲 • 主要内容:文字、配图、资源、备注、动 画效果
  • 29. PPT制作 PPT 的制作——文字 • 字号太大/小 • 怪异字体 • 整篇都是文字 • 颜色和背景太接近 • 代码类文本
  • 30. PPT制作 PPT 的制作——配图 • 和内容/主题匹配
  • 31. PPT制作 PPT 的制作——配图 • 流程图 • 图表 • 图标 • 大抄 • 来源:搜索、工具截图
  • 32. PPT制作 PPT 的制作 • 多媒体嵌入 • 备注 • 动画效果
  • 33. PPT制作 PPT 的禁忌 • 要点不清 • 条理不清 • 细节太多 • 篇幅太长 • 错别字 • 听众没有收益
  • 34. PPT制作 PPT 小结 • 不要过度依赖PPT,更重要的是对内容的 熟悉 • PPT不是讲义,简明扼要即可 • 准备多长时间的PPT?
  • 35. 试讲 试讲 • 关注点:时间、内容、重点、顺序 • 参与者:资深人士、有代表性听众 • 有条件可录音录像自听 • 目的:修正
  • 36. 分享 分享——开场 • 分享前:提前到场准备 • 克服紧张情绪 • 开场白
  • 37. 分享 分享——控场 • 时间进度的把握 • 内容的反馈:确认 • 投影及红外指示器的使用 • 意外:答不上来、应对挑战
  • 38. 分享 分享——互动 • 问问题 • 巧用“托” • 小礼品
  • 39. 分享 分享——注意点 • 音量、音调 • 视线看观众而不是投影 • 注意点:语速适中、别捂嘴、别挡屏幕 • 多观摩别人的分享
  • 40. 反馈 反馈 • 了解听众的接受程度及问题,用于下次同 主题再次分享的改进 • 提前准备调查表 • 分享后个别人的访谈 • 留作业
  • 41. 发布 发布 • 让更多的人看得到你的分享 • 整理成博文 (http://tech.weibo.com) • 整理成视频 • PPT发布到互联网 SlideShare.net iSpring
  • 43. 些许心得 些许心得
  • 44. 不同类型分享侧重点 不同类型分享侧重点
  • 45. Code review • 代码的选择 • 项目背景 • 代码逻辑流程 • 代码片段展示
  • 47. 些许心得 • 大胆去分享 • 言之有物 • 多学习、多练习才能不断进步