JavaScript

AngularJS – Incluindo arquivos html com ng-include

Quem nunca precisou reaproveitar um pedaço de html em varias páginas, ou então se deparou com uma tela enorme para construir e quis quebrar em vários arquivos.

Para quem usa o AngularJS, o ng-include é uma boa saída.

Basta chamar o atributo ng-include dentro de uma tag e seu arquivo externo html será incluido.

<body ng-app="">

<div ng-include="'meuArquivo.html'"></div>

</body>

Tambem é possível chamar uma página externa com o ng-include, basta usarmos a propriedade $sceDelegateProvider.resourceUrlWhitelist e passar os domínios externos permitidos pela nossa aplicação

<body ng-app="myApp">

<div ng-include="'https://www.siteexterno.com'"></div>

<script>
var app = angular.module('myApp', [])
app.config(function($sceDelegateProvider) {
    $sceDelegateProvider.resourceUrlWhitelist([
        'https://www.siteexterno.com/**'
    ]);
});
</script>

</body>

 


Tu me cercaste por detrás e por diante, e puseste sobre mim a tua mão. Salmos 139:5

Anúncios

Organizando chamadas assíncronas no NodeJS – Nimble

Olá, que nunca ficou confuso em se deparar com uma tela cheia de callbacks espalhados por todo o código ? Isso é uma consequência pelo fato do NodeJS ser uma linguagem non-blocking/assíncrona.

Existe uma forma da gente organizar essas chamadas assíncronas, esse é o Nimble.

Conseguimos montar a sequencia de chamadas tanto de forma serial (series):

_.series([
    function (callback) {
        setTimeout(function () {
            console.log('one');
            callback();
        }, 25);
    },
    function (callback) {
        setTimeout(function () {
            console.log('two');
            callback();
        }, 0);
    }
]);

Mesmo que o primeiro método leve 25 segundos para terminar, ele só executa o segundo, quando o primeiro terminar. então a saída será one, two.

Também conseguimos organizar as chamadas de forma pararela (parallel), onde não saberemos sempre quem termina primeiro, pois isso vai variar de acordo com o tempo de execução de cada método.

_.parallel([
    function (callback) {
        setTimeout(function () {
            console.log('one');
            callback();
        }, 25);
    },
    function (callback) {
        setTimeout(function () {
            console.log('two');
            callback();
        }, 0);
    }
]);

Eu comecei a usar em meus projetos e estou achando fantástico o uso.

Para versão em NodeJS segue o repositório NPM: https://www.npmjs.com/package/nimble


Se vivemos em Espírito, andemos também em Espírito. Gálatas 5:25

Anatomia de uma aplicação web – NodeJS

Você conhece como o NodeJS funciona na Web ?

Basicamente uma arquitetura web de uma aplicação NodeJS é composta por 3 camadas

1 – Core do NodeJS onde roda toda a infraestutura provida pela plataforma.

2 – Módulos comunitários que é onde o Node se torna escalável. Membro de comunidades pegam APIs do Core do Node e criam módulos fácil de usar que fazem você atingir objetivos de forma mais rápida. Imagine sua vida sem o express!

3 – A camada de lógica de aplicação é onde o app NodeJS é implementado. O tamanho dessa camada depende do número de módulos usados e da complexidade da aplicação.


Ó, vinde, adoremos e prostremo-nos; ajoelhemos diante do Senhor que nos criou. Salmos 95:6

Feedback Leitura – NODEJS TUTORIALS POINT

sem-tc3adtulo7

Essa semana terminei de ler o livro da tutorialspoint.com sobre NodeJs.

O Livro é bem perfil de tutorial, muito bacana para quem quer aprender os primeiros passos da linguagem e se aprofundar. Ele aborda os principais pontos dos componentes que fazem parte do NodeJS.

Vale a pena.


Porque em tudo fostes enriquecidos nele, em toda a palavra e em todo o conhecimento 1 Coríntios 1:5

Início de leitura – NodeJS Tutorials Point

sem-tc3adtulo7.png
Nessa semana comecei a ler o livro sobre NodeJS da Tutorials Point

Aparentemente parece um livro muito bom e didático, e o melhor de tudo, ele é gratuíto.

O link para download está acima.

Em breve o feedback.


O profeta que tem um sonho conte o sonho; e aquele que tem a minha palavra, fale a minha palavra com verdade. Que tem a palha com o trigo? diz o Senhor. Jeremias 23:28

 

 

Adicione um loader em sua página

Um plugin bem bacana para adicionar um loader de carregamento da página é o Pace.

Ele adiciona uma barra ou um outro widget customizado que dá um feedback ao usuário do quanto falta para a página terminar de carregar.

2016-10-07_1559
A instalação é muuuuuito simples basta adicionar o script js e o tema css.

<head>
  <script src="/pace/pace.js"></script>
  <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>

E, na verdade, toda a correção, ao presente, não parece ser de gozo, senão de tristeza, mas depois produz um fruto pacífico de justiça nos exercitados por ela. Hebreus 12:11