首页新闻招聘找找看知识库
  • 测评一|初印象:https://group.cnblogs.com/topic/75491.html
    测评二|在线教育的学习支持:https://group.cnblogs.com/topic/75536.html
    测评三|在线教育的学习交互:https://group.cnblogs.com/topic/75629.html
    测评四|前端纳米学位内容:https://group.cnblogs.com/topic/75696.html
     
    这个活动是每周一篇,我是老实人,还是遵守每周一篇报告的规定,哈哈。
    本篇就大概说说对前端纳米学位内容的感受。
     
    内容hou不hou?hou!
    推不推荐?当然啦。
     
    如果非要给推荐加个程度的话,我会说:强烈推荐!
     
    细致是最大的体会,工程师们真的把要注意的东西全部吐出来了!
    与动不动就“7天学会”、“21天学会”、“三个月学会”却永远学不会相比,优达学城更沉得下心来。虽然总体学习时间长,但是根据我以往的教训,有得给你按部就班学习的项目,才是好事。
     
    现在前端技术更新得很快,所以内容跟得上很重要,整体下来,还是很符合当前的趋势。
     
    我只学了前面几个部分,还没学完,也无法系统评价,就说说几个碰到的亮点吧,也许很多高手也都已经知道了。
     
    1:图片版权的figure标签
     
    国内好像没有人提用figure标签,但是该教程中几乎是第一个学的标签就是figure,然后还时不时地在后面的项目中推荐你用figure标签。
    不得不赞赏下他们对图片版权的教育,让我十分感动(然后拒绝)。
     
    2:项目式学习
     
    初学者其实不缺基础教程,但最缺的就是跟着项目学习,很少有一个学习脚手架能让你尝试解决问题,这是自学很难进阶的一个原因。
    所以想要学好的话,跟着google工程师设计的前端项目来学,肯定是最hou的。
     
    3:响应式布局
     
    这个教程,好像把响应式给说尽了,viewport、media query、vw和vh单位……
    教程也花了很多篇幅教响应式图片,比如用grunt和imagemagick生成大中小图片来适应不同的显示大小。
    教用CSS来代替图片,就搞了很多例子给你看:
    响应式图片单元的所有项目和例子:http://udacity.github.io/responsive-images/
    (This is the GitHub Pages site for the project and examples used in the Udacity Responsive Images course.)
     
    4:我很是羡慕国外的字体环境
     
    可以有谷歌在线字体用,可以直接挑很多漂亮字体:https://fonts.google.com/
    可以导入字符字体(icon fonts),这都是可以大大减少图片的使用:http://weloveiconfonts.com/
    但在国内就完全不能用了……
     
    以上就是我碰到的亮点。
     
    最后,为了方便想了解的人了解,我把前端工程师纳米学位的全部目录抄下来,并且把免费的单项课程整理出来(每个课程后面的数字指的是微课数量):
     
    Project: Establishing Developer Mindset 20分钟(后来第一个项目被换掉了,懒得改了)
     
    • Welcome & Brief history
    • Problem Solving Strategies
    • Project Instructions
     
    Nanodegree Orientation 12分钟(填写个人资料)
     
     
    Project: Mockup to Article 2.5小时
     
    • HTML Syntax 14
    • HTML Syntax Problem Set(通过练习学习) 11
    • Project
     
    Project: Animal Trading Cards 4.5小时
     
    • CSS Syntax 18
    • CSS Syntax Problem Set 10
    • How to Write Code Faster 10
    • Project
     
    Project: Build a Portfolio Site 33.5小时
     
    SIZING ELEMENTS
    • Box Model and Semantic Elements 17
    • Box Model and Semantic Elements Problem Set 9
    INTRO TO HTML AND CSS(免费单项课程:https://cn.udacity.com/course/intro-to-html-and-css--ud304
    • HTML, CSS and Boxes 24(内容比前面讲的HTML5旧了一些又有所重复)
    • CSS Frameworks, Responsive Layouts 19
    • BootStrap and Other Frameworks 16
    RESPONSIVE WEB DESIGN FUNDAMENTALS(免费单项课程:https://cn.udacity.com/course/responsive-web-design-fundamentals--ud893
    • Why Responsive? 13
    • Starting Small 18
    • Common Responsive Patterns 12
    • Optimizations 11
    RESPONSIVE IMAGES(免费单项课程:https://cn.udacity.com/course/responsive-images--ud882
    • Getting up and Running 8
    • Units, Formats, Environments 19
    • Images with Markup 15
    • Full Responsiveness 11
    PROJECT
    • Build a Portfolio Site Webcasts 9
    • Projec
     
    Project: Online Resume 19.5小时
     
    JAVASCRIPT BASICS(免费单项课程:https://cn.udacity.com/course/javascript-basics--ud804
    • Getting Up and Running 14
    • Data Types 21
    • Flow Control 16
    INTRO TO JQUERY(免费单项课程:https://cn.udacity.com/course/intro-to-jquery--ud245
    • The Basics: the DOM, $, and Selectors 13
    • The Tricks: DOM Manipulation 15
    • Event Listeners with jQuery 13
    PROJECT
    • Online Resume Project Webcasts 8
    • Project
     
    Project: Classic Arcade Game Clone 32.5小时
     
    OBJECT ORIENTED JAVASCRIPT(免费单项课程:https://cn.udacity.com/course/object-oriented-javascript--ud015
    • Scopes 16
    • Closures 12
    • The 'this' Keyword 19
    • Prototype Chains 11
    • Object Decorator Pattern 14
    • Functional Classes 8
    • Prototypal Classes 10
    • Pseudoclassical Patterns 5
    • Superclass and Subclasses 5
    • Pseudoclassical Subclasses 18
    HTML5 CANVAS(免费单项课程:https://cn.udacity.com/course/html5-canvas--ud292
    • HTML5 Canvas Basics 20
    • From Pixels to Animation 11
    WRITING READMES
    • Writing READMEs 14
    PROJECT
    • Classic Arcade Game Clone Project Webcasts 7
    • Project
     
    Project: Website Optimization 28.5小时
     
    WEBSITE PERFORMANCE OPTIMIZATION(免费单项课程:https://cn.udacity.com/course/website-performance-optimization--ud884
    • Getting Up and Running 8
    • The Critical Rendering Path 20
    • Optimizing the CRP 25
    BROWSER RENDERING OPTIMIZATION(免费单项课程:https://cn.udacity.com/course/browser-rendering-optimization--ud860
    • The Critical Rendering Path 16
    • App Lifecycles 13
    • Weapons of Jank Destruction 13
    • JavaScript 11
    • Styles and Layout 11
    • Compositing and Painting 15
    PROJECT
    • Website Optimization Project Webcasts 8
    • Project
     
    Project: Neighborhood Map 30.5小时
     
    INTRO TO AJAX(免费单项课程:https://cn.udacity.com/course/intro-to-ajax--ud110
    • Requests and APIs 14
    • Building the Move Planner App 11
    JAVASCRIPT DESIGN PATTERNS(免费单项课程:https://cn.udacity.com/course/javascript-design-patterns--ud989
    • Changing Expectations 28
    • Refactoring with Separation of Concerns 23
    • Using an Organization Library 28
    • Learning a New Codebase 11
    GOOGLE MAPS APIS(免费单项课程:https://cn.udacity.com/course/google-maps-apis--ud864
    • Getting Started with the APIs 18
    • Understanding API Services 29
    • Using the APIs in Practice 5
    PROJECT
    • Neighborhood Map Project Webcasts 5
    • Project
     
    Project: Feed Reader Testing 6.5小时
     
    JAVASCRIPT TESTING(免费单项课程:https://cn.udacity.com/course/javascript-testing--ud549
    • Rethinking Testing 9
    • Writing Test Suites 19
    PROJECT
    • Feed Reader Testing Project Webcasts 3
    • Project
     
    就这样,祝学习愉快!
登录后才能评论,请先登录注册