Are We Componentized Yet? Cells are clickable! Yellow means in-progress; green means mostly finished. Last Update: 19th September, 2014 — Added Bosonic library, removed 'Explained' column, and fixed spec links. Web Components!? What are web components? The purpose of this page is to track progress across the various documents where web components are being specified, the polyfills that let you use them today, and their implementation in browsers that will make them a first class citizen of the web in the months and years to come. For lots more information about Web Components, including discussions, developer docs, and best practices, check out webcomponents.org. Specs! Web components are being specified at the W3C, with Dimtri Glazkov leading the charge, ably assisted by various other heroes. Libraries! There are three major libraries for working with and extending web components: X-Tags by Mozilla Polymer by Google Bosonic "We loved the Introduction to Web Components spec. Polyfills! Code! Chrome is the gold standard.
EJS TreeGrid 10 Apps for Teachers You Should Know About! We recently published a blog post with 12 of the Best Apps for Students which has helped a lot of our students get out of bed in the morning, stay focused and more. However, educational technology is not just for students; teachers can also benefit greatly from the use of new technologies. So this week we’ve scoured the net looking for the top 10 apps for teachers. 10 Apps for Teachers App #1: Too Noisy Do you think the hum of student chatter is too high when working in class? App #2: Remind101 Remind101 is a free app designed specifically for teachers. App #3: ClassDojo ClassDojo is a classroom tool that helps teachers improve behavior in their classrooms quickly and easily. App #4: GradeBook Pro GradeBook Pro is one of the most comprehensive apps to help you manage your class. App #5: Teacher’s Assistant Pro 2 Teacher’s Assistant Pro 2 is great alternative to the previous app. App #6: Educreations App #7: Podcast App #8: TED Need inspiration for your next class? App #9: Math Formulas Comments
Learning JavaScript Design Patterns Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. This can be significantly simpler than describing syntax and semantics when we're attempting to convey a way of structuring a solution in code form to others. In this book we will explore applying both classical and modern design patterns to the JavaScript programming language. Target Audience This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Acknowledgments Credits Reading We already use patterns everyday
Global Social Technographics Update 2011: US And EU Mature, Emerging Markets Show Lots Of Activity Last month George Colony, CEO of Forrester, talked about a “Social Thunderstorm” at the LeWeb conference in Paris. He argued that social is running out of hours and running out of people. What does that mean? With so many people spending so much time on social media, it is crucial for companies to understand how their customers use social media. The report illustrates how consumers are using social media by applying our Social Technographics® global classification system. In the six years that Forrester has been collecting Social Technographics data, a lot has changed in the world of social media. Comparing social behaviors in the US and Europe, we see that the majority of online Americans and Europeans are Spectators — meaning they consume social media content but do not necessarily create it. Clients can read Social Media Adoption In 2011 to understand how social media behaviors vary around the globe and what they should do about it.
Loosely Coupled, Reusable UI Components in Backbone.js | Azavea Labs This article assumes a fairly good understanding of the Backbone.js MV* library. There is a lot of good material on the web for learning Backbone, including the Backbone home page at backbonejs.org. Intro One of the things that differentiates Backbone from other frameworks is that it is extremely lightweight. A typical pattern, tight view and model binding: In a recent application, I added UI to modify the opacity and color ramp palette in a map raster layer. I am wary of trivial Backbone examples, but a simplified example is an opacity control in some sort of image editing app: When the user slides the slider in the opacity view, it sets the opacity attribute of the image model. The problem with this structure is that what is basically a generic control, used for controlling the level of any numerical attribute, has been tightly couple to an image model, where it only controls opacity. The implementation of this LevelControlView could look like this: The Solution So what you end up with is
The 5 Best Videos Sites For TeachersThe Always Prepped Blog How do you keep your students interested while teaching them a challenging concept? Some teachers use video websites (such as Youtube Education) to supplement their teaching. Technology enhances learning. It allows for mass collaboration in a world where content is not only richer, it’s also free (most of the time). Below are the 4 best video sites for teachers: 1) WatchKnowLearn: This is our favorite video site. 2) LearnZillion: Brilliant concept. 3) Khan Academy: By now, most people have heard of Khan Academy. 4) TeacherTube: This is “YouTube for teachers.” 5) TedEd: There is not as much content here. Above are 5 free video websites. Tutorial: Controlling Processing.js with jQuery UI « Joseph Harrington Years ago when I was first learning to code, I stumbled upon Processing and we quickly became great friends. As it often goes though, the years went by and I started hanging out with bigger and more dangerous languages, and Processing and I drifted apart. Every so often I would think back on the good times we had and wonder what he was up to. But recently we bumped into each other on the street! Gladly those days are over with the Javascript- and HTML5-based port of the original language. “But wait!” And the answer is yes. Check out this demo in which I may or may not have gone a bit overboard with sliders… I hope you wasted as much time playing with that as I have. Anyway, enough gushing. Let’s try something a bit simpler and more focused than that kaleidoscopic nonsense up there. Let’s say you want to create some kind of dynamic text visualization. The UI components that will interact with the sketch will be a textbox and a slider. We can break this down into three parts: Alright!
The Globalized Classroom: 18 Key Resources for 2015 All humans are citizens of the world, and teaching that fact to children in school can make them more sensitive to global issues and inspire them to look outside their own walls. A globalized classroom helps students to see the local significance of international events. How can you help your pupils adopt such a broad point of view? The following resources will inspire you to plan lessons that foster global awareness. Gain Inspiration From Your Fellow Educators Even if your classroom has maintained a global focus for decades, there is always space to learn from your peers. Edutopia shares an article entitled “How Do We Educate Global Problem Solvers?” Use Media to Bring the World to Your Students Image via Flickr by woodleywonderworks Last year, stageoflife.com surveyed teenagers and found that 83.5 percent of them pay attention to the news. This article from Edutopia provides five ideas for using literature to teach global lessons to elementary school students. Explore a Hot Topic: Ebola
Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael Advertisement Before drawing anything in a browser, ask yourself three questions: Do you need to support older browsers?If the answer is yes, then your only choice is Raphaël. It handles browsers all the way back to IE 7 and Firefox 3. Raphaël even has some support for IE 6, although some of its underlying technology cannot be implemented there.Do you need to support Android? Paper.js, Processing.js and Raphaël are the leading libraries for drawing on the Web right now. Choosing the right framework will determine the success of your project. All of the code in this article is open source and can be run on the demo page that accompanies this article. Overview It’s all JavaScript once the page runs, but the frameworks take different paths to get there. PaperScript is a JavaScript extension that makes it possible to write scripts that don’t pollute the global namespace. Processing.js is based on a framework named Processing, which runs in the Java Virtual Machine. Getting Started Paper.js: (al)