Javascript

Articles on Javascript, jQuery, Node.JS, EmberJS & BackboneJS.

Top Opensource ReactJS applications for frontend development

by Archana Chandrasekharan on 20th February, 2020

ReactJS can be confusing when it comes to beginners when they have just finished with their tutorials on React and entering the stage where they start doing projects using React. If you are someone who is in your initial stage of learning React and you need some reference projects, you are at the right place. Open-source React projects can get you a better understanding of how everything works and helps you write better code. We are listing out ReactJS applications like content management, task management, iTunes application, application for Google Maps etc. to showcase how ReactJS can be useful in different backgrounds.

Published in javascript, web-development | Tagged with javascript, open-source, web-development, products

Top React Native Editors for Mobile Development in 2020

by Murtaza Basrai on 3rd December, 2019

React Native is a trending open-source project by Facebook Inc. that makes possible to create efficient and effective mobile applications for iOS & Android using JavaScript.

There are so many tools out there for development and it at-times becomes difficult for me to choose the right tool for a particular programming language. But React Native has support for many popular code editors so it is great to know that while migrating to React, we don't have to migrate to a different code editor.

Published in javascript, react-native, products, mobile | Tagged with android, products, mobile, reactjs, ios

4 Easy Ways to Integrate React.JS with Ruby on Rails

by Srinidhi Prabandham on 6th October, 2017

Ruby on Rails has been an extremely productive monolith web application (full-stack) framework that enables developers to develop and deploy applications with ease. For businesses and startups, it serves as a platform that helps to get the product to the market quickly.

Ruby on Rails used to ship with jQuery by default (until version 5.1), jQuery is a great library that is small and robust. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax simple with an easy-to-use API.The plugin architecture is also very nice for extensibility and has a wide community support.

react-with-rails

React is a JavaScript library created and maintained at Facebook for building user interfaces, which aims to be declarative, making the code more predictable and easier to debug. React can be thought of the "V" (View) in "MVC" (Model, View, Controller architecture/design pattern). Views are modeled as components, the advantage of this that, we can pass rich data through the app and maintain state outside the DOM.

Published in javascript, ruby, ruby-on-rails, tutorials, web-development | Tagged with ruby, ruby-on-rails, reactjs, community, frameworks, web-development, programming

Angular 2 Ecosystem Review: Top Angular Code Editors

by Murtaza Basrai on 3rd July, 2017

A Code Editor has been the basic primary tool for any kind of programming. It is responsible for boosting a developer's efficiency as well as bringing it down. There are so many code editors available today and for the same reason, it is highly crucial to choose the right tool for right kind of development. I prefer using VS Code for Angular 2 development but each individual can have their own opinion. I have listed some popular code editors with their support for Angular 2 so that a programmer can choose what suits the best and use the tool effectively.

Published in web-development, javascript | Tagged with javascript, web-development, editors, angular-2, programming

How to Integrate Your Phoenix Application with Semantic UI and Webpack

by Murtaza Basrai on 2nd March, 2017

Semantic UI is a great looking UI framework for web applications and websites. It provides a lot of ready to use components which is perfect for creating a decent looking application very quickly.

Recently I was trying to use Semantic UI framework with Phoenix project and came across the issue in integrating those two. Semantic UI comes with Gulp build tool, and Phoenix project comes bundled with Brunch build tool. For the integration, I decided to bring both to a middle ground - Webpack 2.

Published in design, web-development, javascript | Tagged with front-end, responsive-web-design, web-development, elixir, phoenix, javascript

Mobile App Development With 8 Awesome React-Native Starter Kits

by Murtaza Basrai on 18th August, 2016

There are so many reasons to love React Native. React Native is the trending technology that makes possible to create efficient and effective mobile applications for iOS & Android using JavaScript. Getting started on a new app from scratch consumes quite some time. But here's the good news - There are many open-source React-Native boilerplate projects and UI starter kits available to kickstart the app creation with merely few lines of code. Some popular projects are listed below.

React-Native-Boilerplates

Published in javascript, mobile, react-native | Tagged with open-source, javascript, ios, android, reactjs, mobile

16 Opensource EmberJS Projects to Learn From

by Archana Chandrasekharan on 4th May, 2016

EmberJS with ember-cli provides an excellent structure, style and uniformity to the frontend application development. If you understand how one project is organized, it is very easy to understand any other project which uses ember-cli. While it is easy to recognize where code exists, it is still a challenge to build a frontend application from scratch, and like having some reference projects always helps. Here are a few projects to start your frontend development with EmberJS. They cover everything from task management systems, Discussion platforms, content publishing platforms etc.

logo

Published in javascript, web-development, products | Tagged with frameworks, front-end, javascript, open-source, web-development

Mobile Native App Development with 11 React Native Tutorials

by Archana Chandrasekharan on 30th March, 2016

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about — learn once, write anywhere.

Facebook uses React Native in multiple production apps and will continue investing in React Native. The paradigm employed by React Native allows it to use native iOS components and bring about changes to the UI through a JavaScript thread running in the background.

Published in javascript, tutorials, web-development | Tagged with web-development, tutorials, javascript, reactjs

15 EmberJS Tutorials for Building Awesome Web Applications

by Archana Chandrasekharan on 28th March, 2016

Ember.js is an open source JavaScript client-side framework for developing the web applications and uses the MVC architecture pattern.

Ember is used on many popular websites, including Discourse, Groupon, Vine, Live Nation, Nordstrom, and Chipotle. Although primarily considered a framework for the web, it is also possible to build desktop and mobile applications in Ember. The most notable example of an Ember desktop application is Apple Music, a feature of the iTunes desktop application.

Start learning Emberjs 2.0+ with the following tutorials available online.

Published in tutorials, web-development, javascript | Tagged with tutorials, web-development, javascript

What You Can Do with 1kB of JavaScript

by Shrivara K S on 15th November, 2013

20 years ago, programming was done for limited-memory devices which meant that it was important that the program size was kept small. Today, it's not an important factor as both space and memory are available in abundance.

So, why talk about concise programs? Writing and reading small programs leads to a better understanding of the language it's written in. It shows a language's capability to write small and elegant code. Smaller code usually results in program which runs fast and consist of fewer bugs.

Online Chess

Javascript Magic in 1kB →

Published in javascript | Tagged with javascript, front-end, web-development