April

April Update – JavaScript Framework

What is JavaScript Framework?

JavaScript framework is an application framework written in JavaScript. It differs from a JavaScript library in its control flow: a library offers functions to be called by its parent code, whereas a framework defines the entire application design. A developer does not call a framework; instead it is the framework that will call and use the code in some particular way. Some JavaScript frameworks follow the model–view–controller paradigm designed to segregate a web application into orthogonal units to improve code quality and maintainability.

Here is the link for the popular Wiki article.

JavaScript frameworks

Popular Top JavaScript Frameworks

JavaScript Frameworks are popular among developers for such benefits like efficiency, safety, and cost. The variety of frameworks for each development platform is huge. Every company tends to have a website or at least a landing page still it would be good to review the most popular JavaScript frameworks.

 

  • Angular.js it is one of the most beloved and used JavaScript frameworks for building single page applications.
  • Backbone.js is easy to understand usability modules, as well as the very straightforward learning curve
  • React.js was created by the team of Facebook developers and came out in 2013. This very framework is behind the front-end scenes of the two social giants.
  • Ember.js introduced in 2011 this open-source JavaScript framework was declared as the best JavaScript framework for web application development in 2015.
  • Aurelia.js being a self-proclaimed web development framework, Aurelia makes the process of site development a creative process.
  • Meteor.js with a variety of features for backend, frontend development and database management, Meteor rank as the most popular JavaScript frameworks.
  • Vue.js framework delivers two-way data binding, server-side rendering, Vue-CLI and optional JSX support.
  • Polymer is one JavaScript framework that comes with the ability to create and reuse web components.
  • Socket is a framework you can enjoy a fully functional real-time communication between the client and the server.

The process of choosing a framework depends not only on its functionality but also how it can be used within your own project. To read more about these frameworks visit this link.

More Reads

This week is all about JavaScript Frameworks and top JS frameworks in 2018. All frameworks are used considering the company requirement and what these frameworks offer. Every week we try to deliver something new and informational in Web Professional’s World. We hope you find these resources and overviews useful. We always look forward to your comments and feedbacks (whether you are a member or not).

If you aspire to be a web professional and don’t know where to start, we offer a number of beginning classes to our members via our School Of Web learning management system. This includes an introduction to JavaScript class. As a member, your first class is free.

 

The post April Update – JavaScript Framework appeared first on Web Professionals.

View full post on Web Professional Minute

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

April Update – Project Management

What is a Project?

A project is temporary in that it has a defined beginning and end in time, and therefore defined scope and resources. And a project is unique in that it is not a routine operation, but a specific set of operations designed to accomplish a singular goal. So a project team often includes people who don’t usually work together – sometimes from different organizations and across multiple geographies.

What is Project Management?

Project management, then, is the application of knowledge, skills, tools, and techniques to project activities to meet the project requirements.

Project management processes fall into five groups

  1. Initiating
  2. Planning
  3. Executing
  4. Monitoring and Controlling
  5. Closing

Project management knowledge draws on ten areas

  1. Integration
  2. Scope
  3. Time
  4. Cost
  5. Quality
  6. Procurement
  7. Human resources
  8. Communications
  9. Risk management
  10. Stakeholder management

Effective Project Management for Web Professional’s

The use of project management skills is often what distinguishes an easy, successful project from a painful and unsatisfactory one. In a world where clients and business partners increasingly want a full solution, rather than just the component pieces of design and code, having basic project management skills, at least, is quickly becoming a requirement for web professionals.

This article by Sitepoint introduces you to the basics of the project lifecycle, and provide you with tools that you can use to make your projects run smoother, faster, and easier.

Certification in Project Management

WebProfessionals.org is a powerful opportunity for individuals aspiring to be or already working as a Web professional. Working with experts within industry, education and government, WOW has created a series of vendor neutral industry standard certification exams.

This Web professional certification site was designed to provide you with the following resources.

Other Resources

This week we focus on the Project Management Process, tools and methodologies used in Web Professional’s World. Every week we try to deliver something new and informational. We hope you find these resources and overviews useful. We always look forward to your comments and feedback (whether you are a member or not).

If you aspire to be a web professional and don’t know where to start, we offer a number of beginning classes to our members via our School Of Web learning management system. As a member, your first class is free.

 

The post April Update – Project Management appeared first on Web Professionals.

View full post on Web Professional Minute

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Announcing the winners of the April 2013 Dev Derby!

This past April, some of the most creative web developers out there showed us what they could do with Web Workers in the April Dev Derby contest. After looking through the entries, our expert judges–James Padolsey, Janet Swisher, Maire Reavy, and Randell Jesup–decided on three winners and two runners-up.

Not a contestant? There are other reasons to be excited. Most importantly, all of these demos are completely open-source, making them wonderful lessons in the exciting things you can do with Web Workers today.

Dev Derby

The Results

Winners

Runners-up

April was the month of the newcomer. If you have ever doubted your ability to make a difference on the web, just look at these results and think again. As always, it was difficult to name just a few winners, so please join me in congratulating all of our competitors for making the web a more exciting and a more responsive place.

Want to get a head start on an upcoming Derby? We are now accepting demos related to WebGL (June) and the File API (July). Head over to the Dev Derby to get started.

Further reading

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Geeksphone to start selling Firefox OS Developer Preview phones on April 23

Mozilla, Geeksphone and Telefonica have been working together to create a Firefox OS developer preview phone, and we’re excited to say they will go on sale April 23rd. With early access to hardware, developers can test the capabilities of Firefox OS in a real environment with a mobile network and true hardware characteristics like the accelerometer and camera that are not easily tested on the Firefox OS Simulator. Plus, new hardware is fun to play with!

Firefox OS Phones Up

Firefox OS Phones Up! Photo by Mark Coggins

The Firefox OS Developer Preview Geeksphone devices have development versions of Firefox OS and are are unlocked so that developers can use them wherever they are in the world and they are updated regularly with the latest Firefox OS build. This will enable developers to explore the potential of the open Web and to bring the power of the Web to mobile for billions of users worldwide.

Two developer devices

Geeksphone has two Firefox OS developer devices for sale, the Keon and the Peak. Both phones can be bought online and shipped to just about anywhere in the world. The Keon has similar specifications as the actual target hardware that operators will ship in the phones they roll out to consumers later this year. The Peak offers a slightly more high-end device for developers wanting to experiment with apps for devices that might be commercially available in the future.

The Keon is an orange (like Firefox!) phone with a 3.5″ screen Qualcomm 1Ghz processor and 512 MB of RAM. It’s available for €91 plus taxes, shipping and handling.

The Peak has a slightly larger screen (4.3″) and a Qualcomm DualCore 1.2Ghz processor. It costs €149 plus taxes, shipping and handling.

Both phones can be purchased directly from Geeksphone. Support and updates will also be provided directly by Geeksphone. Of course you can visit the Mozilla Developer Network for more information about Firefox OS and the Firefox Marketplace Developer Hub for information on how to build, publish and submit your open web app to Firefox Marketplace.

Existing web apps

Developers have already built and published awesome mobile web apps that you can check out today on the Developer Preview phone. We expect that these developer devices will inspire and enable even more. For some examples, you can check out the Marketplace for apps by indie developers that solve cool problems like:

Or try these indie games or challenge yourself to write your own game:

You can create an app for Firefox OS by making some small changes to your existing website. As Alexander Saladrigas said last weekend, “It was exciting to see Firefox OS in action on hardware that will be representative of the final commercial devices. I remember several devs pushing their web apps made for browsers or other platforms with the only addition of a tiny JSON manifest… and it worked flawlessly on the first try. I thought ‘Wow, that easy? Just as any web page?”

Although, it’s great to have the actual hardware to test your apps, if you’re not in a position to purchase a Geeksphone at the moment, you can still try out Firefox OS and your app in several other ways:

  • Install Marketplace for Android on your Android phone. (Your friends and family can also do this – it’s as easy as installing an app, so they can try out your app too.)
  • Use the browser-based Firefox OS Simulator to view and test your mobile app on the desktop.
  • Install Firefox OS on your own hardware.

Why develop an app for Firefox OS?

  • Keep the web open. Support the open web and help make sure the power of the web is available to everyone – even on mobile devices.
  • Simplicity. Develop on a single technology stack (HTML5/CSS/JavaScript/new WebAPIs) and deliver across the web and devices.
  • Freedom. You’re not locked in to a vendor-controlled ecosystem. You can distribute your app through the Firefox Marketplace, your own website, or any other store based on Mozilla’s open app store technology.

If you have any more questions, please read the Firefox OS Developer Preview. Below is also a helpful FAQ on Geeksphone.

We look forward to seeing what awesome apps developers make for the mobile open web. Happy hacking!

Geeksphone FAQ:

Q. What are you announcing today?

A. We’re announcing the availability of two Firefox OS developer preview devices manufactured by Geeksphone and available for purchase at www.geeksphone.com. These devices allow developers to test the capabilities of Firefox OS in a real environment, testing characteristics such as real performance and interaction with the mobile network.

Q. What are the device specs and how much will each cost?

A. The Keon is equipped with a Cortex-A5 1Ghz processor, 3.5 inch multi-touch screen, tri-band UMTS/HSPA, 4GB ROM, 512 MB RAM and a long-lasting 1580 mAh battery. It will cost 91 € without VAT or shipping.

The Peak is equipped with a 1.2 GHz dual-core Qualcomm 8225 chipset, 4.3-inch qHD IPS screen, 8 Mpx back camera and 2 Mpx front camera, as well as tri-band UMTS/HSPA and 1800 mAh battery. It will cost 149 € without VAT or shipping.

Q. Why are there two devices?

A. The Keon has similar specifications to the actual target hardware that operators will ship in the phones they roll out to consumers later this year. The Peak offers a slightly more high-end device for developers wanting to experiment with apps for devices that might be commercially available in the future.

Q. Will Geeksphone ship to any country?

A. Yes.

Q. Who is Geeksphone?

A. Geeksphone is a Spanish company dedicated to designing and manufacturing latest generation smartphones. It was formed in 2009 and was the first European company to develop a smartphone featuring Android OS.

Q. What is Telefónica and Mozilla’s involvement?

A. Telefónica and Mozilla worked closely with Geeksphone to make it possible to manufacture these developer test units.

Q. Why do you need these devices?

A. Making preview developer devices available is crucial to ensure a rich ecosystem is ready when handsets launch for the mass market. The Geeksphone devices will allow developers to test the capabilities of Firefox OS in a real environment beyond the facilities provided by current emulators. It will be possible to test some characteristics like real performance and interaction with the mobile network.

Q. Are these the first ever Firefox OS devices?

A. Through the development of the project Firefox OS has been ported onto a number of different devices from different OEMs in order to test and demonstrate. This is the first time that developer handsets have been made available for developers working outside of the project to take away and test their applications. Today’s announcement does not represent a commercial launch for Firefox OS. These will take place later this year.

Q. Can consumers get the Geeksphone handsets?

A. These devices have not been designed for consumers and include pre-release development versions of Firefox OS. Although we know many people are excited to get their hands on Firefox OS, we would urge them to wait until commercial devices are ready and they will be able to get the full experience.

Q: What version of Firefox OS is this?

A: v1.0.1

Q: How often does it update?

A: The software will update every couple of weeks as new builds become available.

Q: Is this feature complete or will anything be added before launch?

A: This is a developer device with a developer build. New features, performance/stability enhancements will continue to be added on a regular basis. The software here is not necessarily 100% representative of what will ship into customer’s hands.

Q: How can I test v2/1.1/what’s next?

A: New releases will be automatically made available OTA (over the air) and developers who have a Geeksphone will be able to update to their build in order to test their apps.

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Announcing the April Dev Derby winners!

Last month, more than twenty amazing HTML5 audio demos were shared in the April Dev Derby competition. After looking through the entries, our three new expert judges—Peter Lubbers, Rob Hawkes, and (filling in for Guillermo this month) Chris Heilmann—have decided on three winners and two runners-up.

You don’t have to be a contestant to get excited. Because these demos are completely open-source, they provide wonderful lessons in all of the exciting things you can do with HTML5 audio today.

Dev Derby Logo

Winners

Runners-up

Like last month, our judges had a very hard time narrowing the entries down to just these five finalists. So let’s not forget about all of the other great entries. Many of these were only a few votes away from making the final cut, and all of them deserve recognition for pushing audio forward in ways we never imagined.

Want to get a head start on a future Derby? We are also accepting demos that highlight the all that can be done today without JavaScript (July Derby) and demos related to the Camera API (August Derby).

Further Reading

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

State of the Docs, April 24, 2012

The following is a sample of the changes to the documentation on MDN in the past four weeks. We expect a large flurry of activity during the Documentation sprint this weekend. If you’re in the Bay Area, you’re welcome to join in person for any part of the sprint, or join remotely if you’re elsewhere.

Help needed

A reader provided feedback that they don’t understand the domQuery example in the global Function object. It needs to be more clearly explained.

Web standards docs

Mozilla technology docs

Mozilla project docs

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Weekly HTML5 Apps Developer Resources, April 25th 2012

Weekly Resources for HTML5 Apps Developers

Mozilla Marketplace Partner Spotlights:

Here are some profiles of app developers who are joining the Mozilla Marketplace.

Resources

Articles

HTML5 App Hi-light

Mozillian Bonus Link

If you find a link that you think should be included, please feel free to forward it to JStagner at Mozilla.com

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Wiki Wednesday: April 18, 2012

Here are today’s Wiki Wednesday articles! If you know about these topics, please try to find a few minutes to look over these articles that are marked as needing technical intervention and see if you can fix them up. You can do so either by logging into the wiki and editing the articles directly, or by emailing your notes, sample code, or feedback to mdnwiki@mozilla.org.

Note: This Wiki Wednesday is published way off-schedule, and a little short, due to a technical problem I ran into compiling it.

Contributors to Wiki Wednesday will get recognition in the next Wiki Wednesday announcement. Thanks in advance for your help!

JavaScript

Thanks to Berker Beksag for contributing!

SeaMonkey

Developing Mozilla

Extensions

Thanks to Neil Rashbrook for his contributions since last time!

XUL

XPCOM

Thanks again to Neil Rashbrook for his help!

Interfaces

Thanks (yet again!) to Neil Rashbrook for his contributions.

Plugins

CSS

Thanks to brianloveswords!

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Mozilla Hacks Weekly, April 19th 2012

It’s Thursday, and that means link suggestions from us in Mozilla’s Developer Engagement Team!

At the end of this blog post, you also have all the Developer Engagement team members and what they work on. If you are interested in discussing more, contributing or taking part of our work, don’t hesitate to contact us or follow us on Twitter!

Weekly links

If there is anything you think we should read or know about, don’t hesitate to post a comment, contact us on Twitter or through any other means.
The picks this week are:

The Developer Engagement team

Mozilla’s Developer Engagement team work with writing articles, documentation – such as MDN (Mozilla Developer Network) – public speaking and generally helping and informing about open technologies and Mozilla products. If you are interested in following our work, here are the team members:

Christian Heilmann

Christian is Mozilla’s Principal Evangelist and is working with HTML5, Open Web, BrowserID and Developer Tools in Firefox. He is also maintaining the @mozhacks account together with Robert Nyman.

Blog: http://christianheilmann.com/
Twitter: @codepo8

Eric “Sheppy” Shepherd

Eric is the Developer Documentation Lead for the MDN documentation and everything surrounding it.

Blog: http://www.bitstampede.com/
Twitter: @sheppy

Havi Hoffman

Havi works with Mozilla Labs and WebFWD, and maintains the @mozlabs account.

Twitter: @freshelectrons.

Janet Swisher

Janet is working on MDN documentation and is organizing doc sprints to ensure we have premium quality on MDN.

Blog: http://www.janetswisher.com/
Twitter: @jmswisher.

Jean-Yves Perrier

Jean-Yves is another one of our technical writers working on MDN documentation.

Twitter: @teoli2003.

Jeff Griffiths

Jeff is working with the Add-ons SDK (Jetpack).

Blog: http://canuckistani.ca/
Twitter: @canuckistani

Joe Stagner

Joe is working with Web Apps Developer Ecosystem & Partner Engagement, HTML5 and the Open Web.

Blog: http://www.misfitgeek.com/
Twitter: @MisfitGeek

John Karahalis

John is working on Dev Derby.

Twitter: @openjck

Rob Hawkes

Rob is working on HTML5 games and the Open Web.

Blog: http://rawkes.com/
Twitter: @robhawkes

Robert Nyman

Robert is working with HTML5, Open Web, Firefox, WebAPI and maintains the @mozhacks account.

Blog: http://robertnyman.com
Twitter: @robertnyman

Shezmeen Prasad

Shezmeen is working on everything regarding events, organization and connecting conferences with Mozilla speakers.

Stormy Peters

Stormy is the Team Lead for the Developer Engagement team. managing it and evaluating our objectives.

Blog: http://stormyscorner.com/
Twitter: @storming

Tristan Nitot

Tristan is our Mission Evangelist and is focusing on the bigger picture of Mozilla.

Blog: http://standblog.org/blog/en
Twitter: @nitot

Will Bamberg

A picture of Will Bamberg Will is working on documentation for the Add-ons SDK (Jetpack).

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Weekly HTML5 Apps Developer Resources, April 18th 2012

Weekly Resources for HTML5 Apps Developers

At Mozilla we’re really excited about HTML5 in general and the Mozilla Apps initiative in particular.

Each week we’ll post here on Hacks with a list of resources of interest to developers building HTML5 apps.

This week, we’ll start with a reference list of resources for apps and HTML5 Developers.

If you find a link that you think should be included, please feel free to forward it to JStagner at Mozilla.com

Mozilla Resources

Technical Specifications

HTML5 Compatibility Resources

HTML5 Development Resources

Bonus Resources from Mozillians

View full post on Mozilla Hacks – the Web developer blog

VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)