├── frontend ├── html │ └── linguagem │ │ └── basico.md ├── javascript │ └── linguagem │ │ └── basico.md └── css │ └── linguagem │ └── basico.md └── README.md /frontend/html/linguagem/basico.md: -------------------------------------------------------------------------------- 1 | ## Documentação Mozilla Developer(MDN): Lista de tags HTML e definições 2 | > (https://www.textise.net/showText.aspx?strURL=https%253A//developer.mozilla.org/pt-BR/docs/Web/HTML/HTML5/HTML5_element_list) 3 | >> Tags: tags, elementos, definição, descrição, semantica, significado 4 | 5 | 6 | ## Tutorial Web Design: Referências iniciais em HTML 7 | > Introdução: https://raw.githubusercontent.com/cezaraugusto/You-Dont-Know-JS/portuguese-translation/up%20%26%20going/foreword.md 8 | 9 | > Parte 1 - Introdução: https://www.textise.net/showText.aspx?strURL=http%253A//www.tutorialwebdesign.com.br/html-basico-parte-1/ 10 | Tags: definição, doctype, head, body, title, p 11 | 12 | > Parte 2 - Tags Iniciais: https://www.textise.net/showText.aspx?strURL=http%253A//www.tutorialwebdesign.com.br/html-basico-parte-2/ 13 | Tags: atributos, headers, cabeçalhos, h1, h2, h3, h4, h5, h6, p, em, strong, small, q, blockquote, citação, comentário, img, imagem, foto, desenho 14 | 15 | > Parte 3 - Listas e Links: https://www.textise.net/showText.aspx?strURL=http%253A//www.tutorialwebdesign.com.br/html-basico-parte-3/ 16 | Tags: ul, li, ol, dl, dt, dd, a, href, ancora, redirecionamento 17 | 18 | > Parte 4 - Tabelas: https://www.textise.net/showText.aspx?strURL=http%253A//www.tutorialwebdesign.com.br/html-basico-parte-4/ 19 | Tags: table, tr, td, caption, thead, tbody, tfoot 20 | 21 | > Parte 5 - Formulário: https://www.textise.net/showText.aspx?strURL=http%253A//www.tutorialwebdesign.com.br/html-basico-parte-5/ 22 | Tags: form, label, input, text, radio, checkbox, password, email, botão, arquivo, textarea, select 23 | 24 | 25 | ## Sertão Tech: DOCTYPE – O que é e pra que serve? 26 | > (https://www.textise.net/showText.aspx?strURL=https%253A//sertaotech.wordpress.com/2014/04/22/doctype/ 27 | >> Tags: definição 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Causa 2 | 3 | A causa que abordamos tem como objetivo contribuir com links diretos pra artigos de dev. Esses links serão úteis para muitos de nós, claro. Mas o foco é facilitar a vida de devs em países onde o custo do acesso a internet é altíssimo ou muito limitado. 4 | 5 | # Problema 6 | 7 | Observando as comunidades diversas sobre dev. em geral espalhadas pelo Facebook, identificamos que muitos usuários de países da Africa postam dúvidas, das mais simples as mais complexas, mas de forma inocente e imatura. Muitos usuários enxergam isso como uma pessoa "folgada" ou que quer pesquisar, porém, estão equivocados. 8 | Muitos países, como por exemplo a Angola, possuem uma infraestrutura muito escassa; e os serviços de internet que existem por lá (que são poucos comparado aos que encontramos aqui no Brasil) cobram preços absurdos por planos de dados. 9 | Isso é algo surreal e não condiz com a condição dessas pessoas. Muitos optam pelo modelo mais barato, que é internet pré-paga, porém, existem muitas limitações - os usuários apenas conseguem ter acesso gratuito a fontes como Wikipédia e a rede social Facebook. Para o uso de outros sites ou aplicativos que usam a internet, são descontados dos seus planos (o mais comum é o de 250Mb) e assim acaba diminuindo a velocidade de sua conexão ou a interrompendo. 10 | E você reclamando da internet no Brasil hein jovem?! 11 | 12 | # Como contribuir? 13 | 14 | Visto suas limitações, entendemos que a melhor maneira de os ajuda-los, seria com a contribuição de links direto para posts no Facebook, onde os mesmos poderão ter acesso ao conteúdo. 15 | Dito isso temos algumas regrinhas a seguir pra facilitar vossas vidas: 16 | * **Poste links realmente relevantes!** Publicar artigos duplicados ou com conteúdo duplicado só pra fazer volume, ou mandar links muito generalistas, vai atrapalhar. Queremos ser acertivos! Lembre-se, a questão aqui não é preguiça ou "ah, manda o cara googlar". 17 | * **Antes de mandar o link, use uma ferramenta como o [Textise](https://www.textise.net)**. Assim os links já poderão abrir direto em "modo texto". Não é bonito, mas vai economizar uma boa quantidade de banda dos nossos amigos. 18 | * **TENTE UTILIZAR POUCAS OU NENHUMA IMAGEM**. As imagens precisam ser baixadas e consomem banda, pois eles utilizam um app específico do Facebook e foi determinado assim o seu uso. Tente abordar o conteúdo usando anologias escritas e detalhadas para suprir o uso de imagens ou figuras. 19 | 20 | 21 | ## Como contribuir com links e listas 22 | 23 | Mande seus links com a URL, uma breve descrição e algumas tags sobre o conteúdo. 24 | 25 | Por enquanto você pode contribuir subindo links nas issues pertinentes ao assunto que deseja,. Em breve começaremos a aceitar links e arquivos via Pull Request e via [grupo do facebook](https://www.facebook.com/groups/javascriptbrasil/) 26 | -------------------------------------------------------------------------------- /frontend/javascript/linguagem/basico.md: -------------------------------------------------------------------------------- 1 | ## Documentação Mozilla Developer(MDN): O que é Javascript e estruturas básicas 2 | > (https://www.textise.net/showText.aspx?strURL=https%253A//developer.mozilla.org/pt-BR/docs/Aprender/Getting_started_with_the_web/JavaScript_basico) 3 | >> Tags: laços, repetição, condicional, condição, if, for, variavel, funções, eventos, definição 4 | 5 | 6 | ## Tableless Iniciantes: O que é Javascript e primeiro programa 7 | > (https://www.textise.net/showText.aspx?strURL=http%253A//tableless.github.io/iniciantes/manual/js/) 8 | >> Tags: definição, hello world, ola mundo, inicio 9 | 10 | 11 | ## Tableless Iniciantes: Inserindo um Javascript numa página 12 | > (https://www.textise.net/showText.aspx?strURL=http%253A//tableless.github.io/iniciantes/manual/js/inserindo-js.html) 13 | >> Tags: inicio, inserindo, executando, script, html 14 | 15 | 16 | ## Tableless Iniciantes: Como utilizar variaveis, convenções e tipos 17 | > (https://www.textise.net/showText.aspx?strURL=http://tableless.github.io/iniciantes/manual/js/variaveis.html) 18 | >> Tags: variavel, convenção, tipo, int, float, string, object, array 19 | 20 | 21 | ## Tableless Iniciantes: Operadores 22 | > (https://www.textise.net/showText.aspx?strURL=http://tableless.github.io/iniciantes/manual/js/operadores.html) 23 | >> Tags: operadores, condicional, if, matematica, sinal 24 | 25 | 26 | ## Tableless Iniciantes: Funções 27 | > (https://www.textise.net/showText.aspx?strURL=http://tableless.github.io/iniciantes/manual/js/funcoes.html) 28 | >> Tags: funcao, metodo, tarefa, encapsulamento 29 | 30 | 31 | ## Tableless Iniciantes: Laços de Repetição e Estruturas condicionais 32 | > (https://www.textise.net/showText.aspx?http://tableless.github.io/iniciantes/manual/js/controles-de-fluxo-e-controles-de-repeticao.html) 33 | >> Tags: for, if, condição, switch, foreach, while 34 | 35 | 36 | ## Você não sabe Javascript (You don't know Javascript)! 37 | Na minha opinião é um ótimo guia para quem quer aprender ou se aprimorar em Js, uma das melhores fontes sobre JS existentes na Interwebs :). 38 | > Introdução: https://raw.githubusercontent.com/cezaraugusto/You-Dont-Know-JS/portuguese-translation/up%20%26%20going/foreword.md 39 | Tags: aprender, ensinar, estudo 40 | 41 | > Capítulo 1 - Iniciando: https://raw.githubusercontent.com/cezaraugusto/You-Dont-Know-JS/portuguese-translation/up%20%26%20going/ch1.md 42 | Tags: expressões, execução, operadores, variável, tipo, conversões, cast, comentário, bloco, condicional, laço, repetição, if, while, for, bloco, escopo, funções, this 43 | 44 | > Capítulo 2 - Por dentro do JavaScript: https://raw.githubusercontent.com/cezaraugusto/You-Dont-Know-JS/portuguese-translation/up%20%26%20going/ch2.md 45 | Tags: variável, função, escopo, this, hoisting, tipo, if, switch, strict mode, iife, closure, modulo, polyfill, transpile, dom 46 | 47 | > Capítulo 3 - Dentro do YDKJS: https://raw.githubusercontent.com/cezaraugusto/You-Dont-Know-JS/portuguese-translation/up%20%26%20going/ch3.md 48 | Tags: hoisting, this, escopo, prototype, async, performance, desempenho, assíncrono, ES6, ES7, ES2015 49 | 50 | > fonte: https://github.com/cezaraugusto/You-Dont-Know-JS 51 | -------------------------------------------------------------------------------- /frontend/css/linguagem/basico.md: -------------------------------------------------------------------------------- 1 | ## Documentação Mozilla Developer(MDN): Iniciando com CSS 2 | > (https://www.textise.net/showText.aspx?strURL=https%253A//www.textise.net/showText.aspx?strURL=https%253A//developer.mozilla.org/pt-BR/docs/Aprender/Getting_started_with_the_web/CSS_basico) 3 | >> Tags: definição, utilização, sintaxe, seletores, fonte, container 4 | 5 | 6 | ## Tutorial Web Design: Referências iniciais em HTML 7 | > Parte 1 - Introdução: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/introduction.php 8 | Tags: definição, inicio 9 | 10 | > Parte 2 - Como funciona o CSS: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson2.php 11 | Tags: sintaxe, execução, link 12 | 13 | > Parte 3 - Cores e Fundos: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson3.php 14 | Tags: background, image, imagem, fundo, cor, fonte, color 15 | 16 | > Parte 4 - Fontes: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson4.php 17 | Tags: font, color, style, face, size, weight, tamanho, negrito, itálico, sublinhado 18 | 19 | > Parte 5 - Textos: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson5.php 20 | Tags: text, indentação, alinhamento, espaçamento, case 21 | 22 | > Parte 6 - Links: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson6.php 23 | Tags: pseudo, classe, hover, active, visited 24 | 25 | > Parte 7 - Class e ID: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson7.php 26 | Tags: classe, seletor, agrupamento 27 | 28 | > Parte 8 - Span e DIV: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson8.php 29 | Tags: agrupamento 30 | 31 | > Parte 9 - O box model: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson9.php 32 | Tags: alinhamento, espaçamento, container 33 | 34 | > Parte 10 - Margem e Padding: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson10.php 35 | Tags: alinhamento, espaçamento, margem, interno, externo, margin 36 | 37 | > Parte 11 - Bordas: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson11.php 38 | Tags: espessura, largura, estilo, cor, border, weight, color, style 39 | 40 | > Parte 12 - Altura e largura: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson12.php 41 | Tags: height, width 42 | 43 | > Parte 13 - Floats: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson13.php 44 | Tags: flutuação, left, right, esquerda, direita, clear, coluna 45 | 46 | > Parte 14 - Posicionando Elementos: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson14.php 47 | Tags: position, absolute, relative, fixed, static, top, bottom, left, right 48 | 49 | > Parte 15 - Layers: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson15.php 50 | Tags: z-index 51 | 52 | > Parte 16 - Web-stardards e validações: https://www.textise.net/showText.aspx?strURL=http%253A//pt-br.html.net/tutorials/css/lesson16.php 53 | Tags: validator, validador, w3c --------------------------------------------------------------------------------