360前端星计划

360前端星计划详情跳转

Day01.我是前端工程师！（10个问题）（月影）

上午：
    10：00 主持人裕波大大开场白
    10：15 月影提10个问题 

预热

• 你们平时怎么学习前端？

  • 本次学习仅仅是引导性交流学习

• 你们都有github吗？了解到什么情况？

  • 最终的项目代码提交到github中
  • 关于项目的要求：
    
    • 只要和前端有关。
    • 有创意，新颖。
    • 课程比较满，设计产品：简约美，小而精。

• 善于思考

  • html语义化：便于维护（给人阅读），便于搜索seo（给机器阅读）
    
    
    • 知乎：如何理解 Web 语义化？
    • 染料典故(think):打破束缚
      

1. 前端工程师是怎样的人？
   
   • 页面实现
   • 用户交互
   • 网络安全
   • 页面性能

1. 前端工程师有怎样的特质？
   
   

2. 优秀的前端工程师最重要的是什么？

   • 如何成为最优秀的前端工程师
   • 注重基础的数学算法
     
     

3. 平时工作中前端攻城狮主要做哪些事情？

   • 他／她们是如何工作的
     
     

4. 前端工程师一般涌什么开发工具和调试工具？

   • 他／她们是如何更好地工作的？
     
     • Sublime Text 3
     • Atom !!!
     • WebStorm
       
       

5. 前端工程师在工作中会遇到哪些挑战？

   • 遇到技术难题，他／她们是如何解决的？
     
     

6. 成为前端工程师有哪些乐趣？

   • 前端工程师好玩在哪里？
     
     

7. 前端对公司来说重要吗？

   • 一个公司到底需要不需要前端工程师？
     
     

8. 前端工程师如何成长？

   • 一个前端工程师如何变得更牛？
     
     

9. 你们有什么问题

   • 中间人劫持及解决
     
     

HTTP与性能（屈屈）

下午：
        1.http协议基础
        2.WTO（web性能优化）
        3.推荐书目

• http协议基础

  • node.js基础教程

    var http = require('http');
    
    http.createServer(function (request, response) {
    
        // 发送 HTTP 头部 
        // HTTP 状态值: 200 : OK
        // 内容类型: text/plain
        response.writeHead(200, {'Content-Type': 'text/plain'});
    
        // 发送响应数据 "Hello World"
        response.end('Hello World\n');
    }).listen(8888);
    
    // 终端打印如下信息
    console.log('Server running at http://127.0.0.1:8888/');

  • http get／post

  • 自己写歌［浏览器］（读取源代码而不解释）
  • cookie session
  • http抓包、发包工具(fiddler使用与调试)
  • http历史

• WTO（web性能优化）

  • http请求与相应

    • keep－alive
    • 同域并发限制
    • 域名散列
    • 协议开销，websocket（无请求头） 适合用来做小而多的包
    • 合并请求
    • 压缩

    • cache

      • ETag

        ETag或实体标签（entity tag）是万维网协议HTTP的一部分。ETag是HTTP协议提供的若干机制中的一种Web缓存验证机制，并且允许客户端进行缓存协商。这就使得缓存变得更加高效，而且节省带宽。如果资源的内容没有发生改变，Web服务器就不需要发送一个完整的响应。ETag也可用于乐观并发控制[1]，作为一种防止资源同步更新而相互覆盖的方法。
        

      • Expires

        ...
        

      • cache-control

        ...
        

  • 浏览器请求的三种方式

    • 在地址栏回车、点击链接；使用全部缓存。
    • f5/cmd＋r；忽略 Expires、cache-control

  • 阻塞渲染

    • 样式内连
    • 页面加载时间点

  • http性能指标

  • http性能测量工具

  • http瀑布图
    
    

  • 推荐书目：

    • 《图解http》
    • 《http权威指南》
    • 《web性能权威指南》
      
      

总结：

上午：月影大大提出并分享了十个问题，主要是对前端工程师的职位正确认知以及思维方式的突破还有强调基础算法思维的重要性。
下午：屈屈大大分享了http

Day02.HTML与CSS

• HTML与CSS（文博）
• 移动Web开发（瓜瓜）

总结：

Day03.JavaScript语言

• JavaScript实践（上）（月影）
• jQuery开发（岳文）

总结：

Day04.现代前端工作流

• 现代前端工作流（之杰）
• Node.js与thinkjs（成银）

总结：

Day05.CDN与开发者工具

• HTTP与性能（lc）
• JavaScript实践（月影）

总结：

Day06.CDN与开发者工具

• CDN与开发者工具（）

总结：

360前端星计划详情跳转