甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
我觉得，前端的技术动态主要有以下几个方向：
网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了兴安盟乌兰浩特免费建站欢迎大家使用！
1、各种 tips，前端的思考、总结与观察，新技术的介绍和技术经验（多类似网站上的专栏，或者是会议上的一个 talk）
2、新玩具的教程，新项目的介绍（最好有 Github 链接）
3、新标准的发布与制定动态，各大浏览器团队发布动态
4、知名开发者/团队博客，或者一些零散的优秀博文
国外有很多很好的资讯网站,
前提, 英语要好!如果英语不好也没关系，现在很多浏览器都带翻译功能。
先说说国外
JS-头条-伯乐在线 ：更新速度很一般，质量层次不齐，但不影响伯乐是盛产好的翻译文章的事实。
最新最热-极客头条：时间多的就看看这里吧。
Hacker News : HN很多人都清楚，基本上你的story在上面站几个小时，就可以陆续帮你带来上万流量。但是由于上面各种信息都有，如果只是前端资讯的话，你就得认真分辨了。 好在用户活跃度极高，可以帮你甄别出信息量大到爆炸的资讯。
、
国内
微博
微博上有 HackerNews 和 EchoJS 相关的自动抓取生成的内容, 可以去搜索关注一下
前端 这个公众号强烈推荐
下面这些是一些比较有代表性人物的公众号：
尤雨溪（身在墙外也有不对称的信息优势）
前端农民工
大漠老师
贺师俊
听奏
徐飞 （前端框架/工具都有涉及，严谨著称）
周刊
HTML5 Weekly: A Free, Weekly Email Newsletter
JavaScript Weekly: A Free, Weekly Email Newsletter
CSS Weekly
奇舞周刊
这些信息来源质量很多是参差不齐的，不过看多了一般就会有辨别能力了。
不管是什么东西最好都抱着批判性的思维去看，不要说什么就信什么，多一些思考和质疑，被坑的几率就会低很多。
《深入理解JavaScript》AxelRauschmayer电子书网盘下载免费在线阅读
链接:
密码：2mhi
书名：深入理解JavaScript
作者名：AxelRauschmayer
豆瓣评分：8.2
出版社：人民邮电出版社
出版年份：2015-12
页数：413
内容介绍：
avaScript是目前Web开发领域非常流行的一种编程语言，得到众多IT从业人员和编程爱好者的关注。本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分，第1部分帮助读者快速入手，掌握基本的JavaScript编程要点；第2部分介绍JavaScript的发展和技术背景；第3部分深入探索JavaScript，介绍了语法、值、运算符、布尔类型、数字、字符串、语句、异常捕获、函数、变量、对象与继承、数组、正则表达式、Date、Math、JSON、标准全局变量、编码和JavaScript、ECMAScript 5的新特性等内容；第4部分介绍技巧、工具和类库，帮助读者更好地运用JavaScript进行编程。本书内容由浅入深，非常适合想要快速学习JavaScript编程或者深入钻研JavaScript的读者参考。
作者介绍：
Dr.Axel Rauschmayer 专攻JavaScript和Web开发领域。他在2ality.com写博客，教Ecmanauten，编辑JavaScript Weekly周刊，组织MunichJS用户组。Axel从1985年开始编程，1995年开始开发web应用。
都是flash做的，准确的说是flash+javaScript+html+SQL
国内有很多电子杂志也是这样的。连家乐福超市网上的电子DM宣传彩页也用它做了。
补充回答：
以前，我们把flash+javaScript+html（asp/php/cgi/pl/js...）+SQL联合起来进行网页编程，以达到非常丰富的页面效果。
现在它被单独列为了“Flex”的技术，也就是此类电子杂志使用的编程方式。
已经开发完成的程序比较复杂，而且能显示的成品的页面一般都与动态数据库相连接。还是找Flex相关的编程的书籍系统学习一下吧。
制作电子杂志可以使用以下软件：
1、CORELDRAW：
该软件是Corel公司出品的矢量图形制作工具软件，这个图形工具给设计师提供了矢量动画、页面设计、网站制作、位图编辑和网页动画等多种功能。该软件套装更为专业设计师 及绘图爱好者提供简报、彩页、手册、产品包装、标识、网页及其它。
2、INDESIGN：
主要用于各种印刷品的排版编辑。该软件是直接针对其竞争对手QuarkXPress而发布的。虽然最初在争取用户方面面临了一些困难，但在2002年发布了Mac OS X版本后开始赶超其竞争对手。
现在InDesign CS 和 CS2 也作为Creative Suite套件的重要组成部分，与Photoshop、Illustrator和Acrobat捆绑销售。
3、iBooks Author：
由苹果公司发布的免费的电子书制作工具，iBooks Author带来的革命是任何人都可以通过它提供的诸多模板或自建电子书，插入包括音频、视频、3D 物件等在内的多媒体内容，同时还可以利用到 HTML、Javascript 等技术，所有操作都是所见即所得的风格。
4、zmaker：
一款以全民制作杂志为目的的电子杂志制作软件。ZMaker_pdf版是中国第一款PDF文件转网络电子杂志的工具。
zmaker无需会flash和photoshop，只要有PDF文件，就能傻瓜式制作电子杂志，ZMake能生成两种传播版本，独立exe或者在线直接浏览版。独立exe还有ZMaker_PDF版专有的防传播功能。
5、iebook：
飞天传媒于发推出的一款互动电子杂志平台软件，iebook以影音互动方式的全新数字内容为表现形式，有数码杂志发行、派送、自动下载、分类、阅读、数据反馈等功能。
iebook实现了网站与软件的互通，用户可直接通过软件实现杂志的下载、阅读以及订阅，使用户在不经意间通过iebook软件强大的功能实现阅读。
js相卡一般为五寸或七寸。
JS全称JUMPING SOUL，汉译跳跃的灵魂，是一支2012年成立的专注于特技灌篮的表演队伍。
《排球少年!!》是日本漫画家古馆春一创作的少年漫画作品。该作品于2012年2月20日—2020年7月13日在集英社杂志《周刊少年Jump》上连载。已完结。本作繁体中文版由东立出版社发行，中国大陆由翻翻动漫代理发行
学习JavaScript的最佳方法分享
学习新的东西是件可怕的事。对我来说，掌握一项新技能最大的问题是，我不知道自己懂什么。鉴于此，定个计划，学习你感兴趣的东西应该会有用。这篇文章的主旨就是：你为学习JavaScript 制定的蓝图、路线、行动计划!你不必担心找不到最好的资源，先整理些好的资源，再确定下一步该学什么。遵循它，一步一步来。
任务0：了解什么是JavaScript
在你真正开始学习JavaScript 之前，花一分钟了解一下什么是JavaScript，它有哪些功能。 JavaScript不是jQuery、Flash或Java。与它们不同，它是一种独立的编程语言。 JavaScript 是浏览器语言(尽管现在不完全是)。主要目的是给静态页面增加交互性。在浏览器里，它不会为你更换PHP或Ruby，也不会更改你的HTML或CSS;你可以把它们串在一起使用。另外，它没有你想的那么难学。 补充说明：你应该听过jQuery，它可能是被使用最广泛的JavaScript 库。也许你还听说过其他比较流行的JavaScript 框架，比如Mootools,，YUI，Dojo 等等。可以将它们统一看做JavaScript辅助工具集;当你使用它们的时候，你还在写JavaScript，但都是些很抽象的JavaScript。它会让你事半功倍。 “你甚至可能听到有人说，你应该先学jQuery(或其他库)再学JavaScript。我很尊重他们但完全不同意这种说法。先把JavaScript 学好再用其他库，你会发现你会做的更好;结果就是，你会编写更好的JavaScript。”
任务1：通过Codecademy.com站点的课程来学习
Codecademy是一个相对较新的网站，其广告语是“最易学的编码方法”。目前，该网站仅有两个课程，“初级编程”和“JavaScript快速入门指南”。沉浸在JavaScript 中是种不错的体验。跟 Try Ruby 练习非常相似，你会学到简短的课程、在浏览器里编码，然后看结果。得到全部分数、打开成就徽章。(Ruby，一种为简单快捷的面向对象编程(面向对象程序设计)而创的脚本语言。) 如果你已熟悉了另一种编程语言，你也许可以先学“JavaScript快速入门指南”;如果这是您第一次编程(HTML和CSS除外)，你会发现“初级编程”课程相当有用。Codecademy是一家免费网站，但需要注册。
任务2：appendTo 截屏方法
appendTo 视频有一套特别适合初学者的截屏方法。 如果你想用正确(容易)的方法学习JavaScript，学习这些课程绝对管用。视觉训练总是有效的! “用我们提供的点播内容、务实的训练解决方案来提升自己的技能。无需注册、无需绑定、绝不忽悠。”
任务3：阅读一本好的关于JavaScript 的说明书
一旦你通过Codecademy上的课程来学习，你就会想搞到一本关于JavaScript的详细说明书–介绍所有的类型、运算符、控件架构等等。 如果可以的话，我来介绍几个好的说明书： 《再说JavaScript》 – 这本说明书可在Mozilla开发者网络上找到，语言公正。这本书内容很丰富，有很多代码实例和文段介绍。 《Eloquent JavaScript》 – 该书由Marijn Haverbeke 编写，可免费在线阅读，如果你想弄个硬拷贝可以上亚马逊网站购买。它比MDN说明更详细，因为它不仅涵盖了JavaScript 语言，而且包括编码风格以及在浏览器里使用JavaScript。当然，“eloquent”并非言过其实。(eloquent - 雄辩的、口若悬河的) 《Getting Good with JavaScript》 – 没错，这本书是我写的，但是我介绍这本书是另有原因的。它跟我在前面介绍的两本说明不同;在这本书里我只介绍了编程人员快速掌握编程技巧所需要的部分。此外，它还附带超过6个小时的截屏视频，因此，想要就去看看吧。(当然，这本不是免费的。)
任务4：安装、学习Firebug(或开发人员工具)
一旦你开始在浏览器里使用JavaScript，就需要安装Firebug并熟悉它的性能。Firebug是一款用于Firefox的插件，它能帮你创建和调试网页：对网页开发者来说，它就像外科医生的‘手术刀'。如果你不用Firefox?喜欢Safari 或者Chrome怎么办?没问题：可以查找类似Firebug的内置开发人员工具。 “你可以在Mac地址栏里按选项+命令+I 或者按快捷键Control + Shift + I ，来打开设计工具面板。” 通过打开你选的工具，只需在你喜欢的其中一个网站上点击点击，你就会学到很多东西。这里有一些能加速你学习的资源：FirebugFirebug网站和维基百科Firebug的CSS-技巧说明你应该在Nettuts+上使用Firebug的10大理由。Firebug：从白带到黑带，Tuts+ Marketplace 网站()设计工具设计工具网站Google I/O 2011：由Paul Irish重组的浏览器设计工具Google 浏览器设计工具：Paul Irish 的快速开发12技巧
任务5：读一本有关JavaScript的书籍
现在你已经熟悉了些基础知识，但是还有很多东西要学。尽管我推荐的一些书可能会让你‘破产'，但你会发现任何时候我都会推荐4本高质量的书：
前两本是一般的、较深入的JavaScript 资源，它们会让你从简介到较深层次逐步理解;当然，简介里会有一些重叠的说明，但不多：刚好让你看起来很舒服。(注：虽然这些书在亚马逊网站能买到，我已经链接了出版商的网站，因此，你能看看范例章节。) 《JavaScript高级程序设计》- Nicolas C. Zakas 编写，这本书涵盖了它能涵盖的所有内容。如果你以前看过Zakas的任何作品，你会发现他是个不折不扣的天才。除了涵盖了JavaScript语言，这本书还能让您在浏览器里很好的使用JavaScript。 《JavaScript 24-hour Trainer 》由Jeremy McPeak 编撰，该作者也写过Nettuts+。它不仅仅是一本书：还附带了一张长达四小时的教学光碟。全书共43节课，涉及编码句法指导和代码优化。 虽然这些书非常适合编程人员学习JavaScript语言以及如何在浏览器中使用这些语言，但是学无止境。虽然这些书的确进入了一些模式和实练中，我再推荐两本我认为有用的书。1)《JavaScript Patterns 》- Stoyan Stefanov著。我也是刚刚读完这本书，我真希望能尽快读完它。在读过上面的资源之后，你可以学到如何编写JavaScript，但是这本书会教你如何对资源进行重组，这项技能很重要，并非如你想象般简单。2)《JavaScript：The Good Parts 》- Douglas Crockford 著。该书介绍了JavaScript的优缺点。
任务6：做些事情!
在学习完上述资源后，你应该已经尝试了一些代码样本：修改代码、整合代码看看会怎么样。但是是时候让自己休息一下，做点东西出来了。 你能做什么呢?你能做很多东西。这里有一些意见。1) 图片库：显示一套图片缩略图和主图。当用户点击缩略图的时候，要用较大的缩略图(不是原缩略图)替代当前的主图。如果你能覆盖缩略图alt 标记的标题就奖励积分，或是在用户一分钟内未点击的时候进行图片循环。2) 待办列表：听起来有点难，我也不打算推荐你制作一个完整的待办列表。只需要做一个文本框并在其旁放上按钮;点击按钮的时候，已输入的文字会在一个无序列表下面变成一个项目。点击列表项目便可移除。这听起来很容易，但有几个陷阱，对初学者来说仔细想想还是很有好处的。3) 动画框：动画其实是小把戏而已，并不需要弄得太复杂。做一个包含了少许文本的div，其上要有若干按钮。一个按钮用来调整宽度，一个用来调整高度;还有一个用来调整背景颜色。关键是不要让更改发生得太快，但在一秒钟之内。记住，Google 是你的朋友，特别是如果迄今为止你还未用JavaScript做任何动画的话。 我相信你能想到其他的很好的练习的计划。当然，学习的唯一方法是把自己从安乐窝里拽出来。“此外，在所有的技能水平上，确保JavaScript 类别在Nettuts+上有大量教程列表。”(Nettuts是一个专注于提供网络开发教程的网站。)
任务7：开始学习如何使用JavaScript库
如果你学到了这个地步，就会意识到有些JavaScript 编写任务很难(或根本不能)通过跨浏览器的方式实现。最可能违规的便是过量的DOM操作，AJAX和动画。这也就是为什么我们需要JavaScript 库的原因。 正如我前面提到的，一个JavaScript 库的详细内容犹如减轻痛苦的蜜糖。因此，现在有必要来看一下。这里有大量库供你选择，我会让你自己决定从哪个开始。无论是jQuery 还是Mootools，YUI 还是Dojo，它们各自的网站会为你提供开始学习时你所需要的一切信息。如果你觉得用得着就来试试吧。 最流行的库： 虽然很容易得到大量的库，你还是应该选一个受欢迎的– 至少排名第一。 jQuery Dojo YUI MooTools Prototype
任务8：紧随大师的步伐
有很多令人难以置信的JavaScript 天才，他们一直在做些很酷的东西，你一定不想错过。值得庆幸的是，我们的工作狂Siddharth 副主编已经搞到一份33名设计人员列表，要想成为一名JavaScript 发烧友你就必须订阅它。扔下手头的工作，订阅/跟随这些设计人员。这是必须要做的。 但是，你还能做更多事情。这个公平网站经常发布关于JavaScript 的信息，所以不要走开。此外，关注JavaScript Show ，一档全世界关于JavaScript最新最大的播客。你可能还想注册JavaScript电子周刊简讯。 还想要更多吗?关注Tuts+Marketplace 的JavaScript 类。