Web Development

Articles on test driven, agile, web development.

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

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

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.

EmberJS logo

Read More

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

Learn ReactJS with 20 Free Online Tutorials

by Archana Chandrasekharan on 17th March, 2016

React.js is a Javascript library for building user interfaces which was developed by Facebook. It is known for its fast performance, it is one of the best choices for building mobile sites. The well-known applications build with React are Facebook and Instagram.

React, which is one of the most popular Javascript libraries and having strong React skills is a great way to get ahead with building modern web apps right now. It has a strong foundation and a large community behind it.

The following are the 20 free online tutorials available which could get you started with React.js.

React Logo

Read More

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

RailsGirls 2015 - What I Learnt as a Coach

by Akash Devaraju on 3rd February, 2015

The second edition of RailsGirls in India was hosted at Thoughtworks office in Bangalore on 31st Jan 2015.

The motive of Rails Girls is to give women an introduction to some of the tools & vocabulary of web development. It's a free one day workshop, facilitated by volunteer coaches & kind sponsors.

I have to admit, it was a welcome change to see a male to female ratio of ~1:10 at a tech event.

Read More

Published in web-development, ruby-on-rails, ruby | Tagged with training, web-development, twitter-bootstrap, tutorials, community, open-source, rails-girls

Metarefresh 2014 - Conference on Building a Better Web and User Experience

by Akash Devaraju on 12th March, 2014

The third edition of Meta Refresh, an annual conference on the construction of the user experience on the web was held at MLR Convention center, Bangalore, India.

This year's Meta Refresh opened the stage for web designers and developers to present on how their work has advanced the state of the web & mobile UI & UX design.

Read More

Published in events | Tagged with css3, front-end, javascript, minimum-viable-product, products, web-development, responsive-web-design, frameworks

Micro Frameworks for Rapid Web Development - Sinatra

by Shrivara K S on 2nd December, 2013

In the last article in the series - Micro Frameworks for Rapid Web Development Series, we had talked about Flask, which is a microframework for Python. To recap, Web Microframeworks are small and focused frameworks which make very few assumptions or decisions about how it will be used in building websites, APIs or web services, all the while providing granular control of the codebase. Web Microframeworks provide a lot of freedom in terms of how they can be used and are not restrictive with respect to libraries and extensions.

Sinatra

Read More

Published in web-development, ruby | Tagged with web-development, prototyping, frameworks, ruby

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

X

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