Web Development

Articles on test driven, agile, web development.

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 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.

Read More

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

Top Ruby Frameworks to Speed Up Web Development

by Murtaza Basrai on 24th August, 2017

Ruby is without any doubt, one of the most popular object oriented programming languages out there. It is loved by developers all around the world specially because it's not only powerful but has a sweet simple syntax with lot of great features.

There are quite a number of frameworks developed for Ruby over the years. These frameworks help a developer to accelerate the web development and create innovative web applications with a little effort.

I have mentioned a curated list of all the popular open-source ruby frameworks which are actively maintained. Some of those frameworks might not be as huge & feature rich as others but they work really well for a particular set of requirements.

Read More

Published in ruby, ruby-on-rails, web-development | Tagged with frameworks, ruby-gems, ruby, programming, open-source, ruby-on-rails, web-development

Real Time Rails with Action Cable

by Srinidhi Prabandham on 10th August, 2017

Recent years have seen the rise of the real-time web. So what is real-time web?

The real-time web is a network web using technologies and practices that enable users to receive information as soon as it is published by its authors, rather than requiring that they or their software check a source periodically for updates.

Examples of the real-time web are Facebook's newsfeed, Notifications, and Twitter, implemented in social networking, search, Chat Applications and news sites.

Read More

Published in ruby, ruby-on-rails, tutorials, web-development | Tagged with ruby, ruby-on-rails, ruby-gems, web-development, frameworks, redis, open-source, community

Best Open Source CMS for Ruby on Rails

by Murtaza Basrai on 9th August, 2017

A content management system is a great way to host one or many dynamic websites on a single application - with having complete control over the content with the admin console it provides. Ruby on Rails has several popular content management systems - some are general purpose while some being very specific to a particular area. Ruby on Rails Developers who are working on RoR Ecommerce platforms, simple websites or web applications can easily adapt and customize those management systems.

Read More

Published in web-development, ruby-on-rails, ruby | Tagged with frameworks, ruby-gems, ruby, programming, open-source, ruby-on-rails, web-development

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.

Angular Code editors

Read More

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

A Startup's Guide to Minimum Viable Product

by Praveen Wicliff on 30th June, 2017

A Minimum Viable Product/Service helps Startups to validate idea by quickly prototyping and reaching out to the market and core customers. The entire focus of the MVP should be to get the best possible product to the market as soon as possible so that you can start receiving quality feedback from your customers.

Before getting into what and why of MVP, Startups need to understand different facets of MVP. An MVP process is not just a product development process, but also best practices Startups need to think about.

Minimum Viable Product for Startups

Read More

Published in startups, minimum-viable-product | Tagged with startups, minimum-viable-product, web-development, prototyping

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.

Read More

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

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

Read More

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

16 Opensource Reactjs Projects to Learn From

by Archana Chandrasekharan on 25th April, 2016

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.

logo

Read More

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

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.

React Native Logo

Read More

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

X

Talk to us, that's always a good idea!