Tag Archives: Twitter Bootstrap

AngularJs, Node.js, Express e Twitter Bootstrap com Visual Studio Code – parte 1


Neste artigo desenvolveremos uma aplicação simples para demonstrar o uso do servidor Node.js juntamente com o framework front-ent Express, o framework para desenvolvimento web responsivo Twitter Bootstrap, e AngularJS para desenvolvimento de SPAs (Single Page Applications),  utilizando a ferramenta de desenvolvimento focada em código Visual Studio Code. A aplicação consiste em uma simples página para controle de […]

https://codingbr.wordpress.com/2015/08/12/angularjs-node-js-express-e-twitter-bootstrap-com-visual-studio-code-1/

AngularJs, Node.js, Express e Twitter Bootstrap com Visual Studio Code – parte 2


Continuando a segunda parte do artigo, iremos adicionar mais algumas funcionalidades à página Tarefas. A diretiva ng-hide A diretiva ng-hide exibe ou oculta um elemento html baseando-se na expressão passada no atributo. Primeiramente vamos construir um método (mais conhecido como behaviour em AngularJs) que retorna a quantidade de tarefas que faltam ser completadas. Para isso, […]

https://codingbr.wordpress.com/2015/08/13/angularjs-node-js-express-e-twitter-bootstrap-com-visual-studio-code-parte-2/

AngularJs, Node.js, Express e Twitter Bootstrap com Visual Studio Code – parte 1


Neste artigo desenvolveremos uma aplicação simples para demonstrar o uso do servidor Node.js juntamente com o framework front-ent Express, o framework para desenvolvimento web responsivo Twitter Bootstrap, e AngularJS para desenvolvimento de SPAs (Single Page Applications),  utilizando a ferramenta de desenvolvimento focada em código Visual Studio Code. A aplicação consiste em uma simples página para controle de […]

https://codingbr.wordpress.com/2015/08/12/angularjs-node-js-express-e-twitter-bootstrap-com-visual-studio-code-1/

Maven Web Project Kickstarter Codebase with Spring, Hibernate, Akka, Twitter Bootstrap, Apache Tiles and jQuery


via OrangeApple – Spring, Hibernate, Spring Data, Akka, Twitter….

Get started with Java Web App Development as quickly as possible. I am sharing this code with Apache License 2.0. Here is the URL for the same:

https://github.com/ykameshrao/spring-hibernate-springdata-springmvc-maven-project-framework

Single Page Apps


via Single Page Apps | Web Code Geeks.

Single Page Apps are becoming increasingly popular as the demand for highly responsive apps is increasing. We could be using Ajax and Javascript to do this, but we will be using Angular as it is a structural framework for dynamic web-apps, efficient and easy to use, as described by the people who built it.

We’re going to create a simple app with only a homepage, an about page and a date page, so as to not need to refresh the page to view changes, but have it reflect them immediately.

We will use:

  • AngularJS
  • Bower
  • Twitter Bootstrap

Rapid Application Development with AllcountJS


via Quick Application Prototyping in Node.js | Toptal.

The idea of Rapid Application Development (RAD) was born as a response to traditional waterfall development models. Many variations of RAD exist; for example, Agile development and the Rational Unified Process. However, all such models have one thing in common: they aim to yield maximum business value with minimal development time through prototyping and iterative development. To accomplish this, the Rapid Application Development model relies on tools that ease the process. In this article, we shall explore one such tool, and how it can be used to focus on business value and optimization of the development process.

AllcountJS is an emerging open source framework built with rapid application development in mind. It is based on the idea of declarative application development using JSON-like configuration code that describes the structure and behavior of the application. The framework has been built on top of Node.js, Express, MongoDB and relies heavily on AngularJS and Twitter Bootstrap. Although it is reliant on declarative patterns, the framework still allows further customization through direct access to API where needed.

Twitter Bootstrap Modal Example


via Twitter Bootstrap Modal Example | Web Code Geeks.

The Bootstrap Modal is a responsive JavaScript popup used for many purposes, such as log in/signup forms, videos, images and alert dialog boxes. It can even be used for showcasing dialog prompts for terms and conditions, and one of it’s best features is being responsive and customizable.

Modals’ structure:

Theoretically, modals have a three-part structure, formed by a header, a body and a footer section; though you can’t really trigger a modal without a handle, which can be a button or a link.

You might find yourself asking: Can’t we go on without the handle? The answer is actually a surprising yes, you can. But you won’t be able to trigger the modal, which by default stays hidden until triggered, so it’s pointless to write the code for it.

In the header section, usually we only place the title of the modal, and maybe even a close button. In the body section we place whatever we wanted to showcase, be it terms and conditions, log in forms, videos, or even a single question. The footer section is where we usually place the button which take the user to the main page, or save changes or anything we want the user to do next.

We will use: