Mostrar mensagens com a etiqueta Programacao. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta Programacao. Mostrar todas as mensagens

quarta-feira, 29 de agosto de 2018

Pare de usar palavras grandes e jargões da indústria (e o que fazer em vez disso)

Vamos dizer que você quer ensinar uma pessoa alguma coisa. Por que a pessoa não entende o que você está dizendo?


Uma das principais razões é porque gostamos de usar palavras grandes e girias da indústria. Esses girias podem significar algo para nós, mas não significam nada para as pessoas que estamos tentando ensinar.

A próxima vez que você tentar ensinar programação, atente para as palavras que você usa.

Três tipos de palavras grandes

As girias podem ser divididas em três categorias:

  1. Aquelas que podem ser explicados em poucas palavras
  2. Aquelas que não podem ser explicados com palavras simples
  3. Aquelas que podem significar coisas diferentes em contextos diferentes.

Quando você ensina, você deve sempre observar esses três tipos de palavras.

Girias que podem ser explicados em poucas palavras.

Se a giria puder ser explicado em poucas palavras, você deseja usar essas palavras em vez de giria.

A interoperabilidade é um exemplo de uma palavra desse tipo.

Parece assustador e complicado, mas pode ser explicado em poucas palavras simples.

Se você procurou o significado de interoperabilidade, você encontrará definições como estas:

Da Wikipedia: "A interoperabilidade é uma característica de um produto ou sistema, cujas interfaces são completamente compreendidas, para trabalhar com outros produtos ou sistemas, no presente ou no futuro, em implementação ou acesso, sem quaisquer restrições".

De Dictionary.com: "Interoperabilidade é a capacidade de compartilhar dados entre diferentes sistemas de computadores, especialmente em máquinas diferentes." Se colocarmos isso em termos simples, "interoperabilidade" significa a "capacidade de compartilhar dados".

Veja como isso torna a barreira da língua muito menor?

Se você pode substituir essa giria por palavras simples, por que você se atém à palavra difícil?

Girias que significam coisas diferentes em contextos diferentes

Algumas girias têm significados diferentes quando usados ​​em contextos diferentes.

Um exemplo de uma giria tal é o termo encapsulamento.

Encapsular algo significa incluir essa coisa com outra coisa. Se você enrolar uma batata com um pano, você pode dizer que o pano encapsula a batata.

Desenvolvedores amam a palavra encapsulamento. Eles usam isso o tempo todo.

A primeira maneira é envolver variáveis ​​e outro código dentro de uma função. Nesse caso, a função encapsula o código dentro:


function someFunction () { const variableName = 'I am a variable!' }

A segunda maneira é conter a individualidade de um objeto. Por exemplo, se você tem um objeto humano e cria dois humanos a partir do objeto humano, esses dois seres humanos não devem ser o mesmo.

Nesse caso, cada objeto encapsula seus próprios dados.

function Human (name) { this.name = name } const zell = new Human('Zell') const vincy = new Human('Vincy') zell.name === vincy.name // false

A terceira maneira é para esconder informação. Em JavaScript, podemos criar variáveis privadas. Essas variáveis privadas são incluídas pelo objeto.

Nesse caso, o objeto encapsula a variável privada. Você não pode acessar a variável privada. Nesse caso, o encapsulamento é usado para significar algo ligeiramente diferente do segundo caso.

function Human () { const privateVariable = 'private' this.publicVariable = 'public' }

Então, o que você entende por encapsulamento?

Você não pode ter certeza.

Não deve haver ambiguidade quando você se comunica. Se houver ambiguidade, a comunicação se rompe e os alunos não aprendem.

É melhor abandonar o jargão se o jargão significa coisas diferentes em contextos diferentes.

Girias que não podem ser explicadas com palavras simples

Algumas girias tecnicas não podem ser explicados com palavras simples. Essas girias são freqüentemente usadas ​​para falar sobre conceitos abstratos, e é por isso que palavras simples podem não ser suficientes.

Um exemplo de tal palavra é "mutação".

A mutação vem da palavra mutate. Mutar significa mudar de forma ou natureza. Em JavaScript, a mutação acontece embaixo do capô sem que você perceba.

Neste caso, a mudança não é suficiente para explicar a mutação. Falta profundidade e detalhes. Além disso, a mudança ainda é muito abstrata.

Você sente que um conceito é abstrato porque você não pode imaginá-lo. Você não pode ver, ouvir, sentir, tocar ou prová-lo. Para fazer um concreto abstrato, precisamos apelar para os cinco sentidos do ser humano.

Para explicar um conceito abstrato, você pode usar analogias. Quando você usa analogias, pode descrever um objeto ou um cenário de maneira que as pessoas possam ver, ouvir ou sentir o que você quer dizer.

Por exemplo, eu usei X-men como minha analogia quando expliquei mutação.

Pedi aos alunos que imaginassem um amigo crescendo o pêlo e ficando azul diante de seus olhos. Qualquer um pode imaginar o que significa crescer pêlo e ficar azul, mesmo que eles não saibam quem é a Fera.

Se você quiser expandir a analogia para atender mais pessoas, você pode apelar para mais sentidos. Por exemplo, para fazer as pessoas cegas imaginarem uma mutação, você também pode dizer a elas que imaginem que a amiga grunhiu como uma fera.

A chave aqui é uma mudança que não é detectada. Ninguém sabe se uma pessoa é um mutante até que mostre seus poderes. Na mesma frente, ninguém sabe que um objeto JavaScript mudou até que, bem, mudou.

Eu enfatizei este ponto para desenhar um link de volta para a mutação em JavaScript.

A mutação se torna concreta quando o elo é estabelecido. Quando digo mutação, os alunos que lêem o artigo podem imaginar o amigo ficando azul, crescendo a pele e rosnando como uma fera.

Depois de transformar um jargão abstrato em um conceito concreto, você pode usar o jargão normalmente. Os alunos entenderão o que você quer dizer.

Eu escrevi um artigo sobre como criar boas analogias se você estiver interessado em aprender essa habilidade.

Empacotando
Preste atenção às palavras que você usa quando ensina programação. Se você usar palavras difíceis que não significam nada para seu aluno, elas não conseguirão entender o que você quer dizer.

Substitua palavras difíceis por palavras mais simples e fáceis de entender, se puder.

Evite usar girias que podem significar coisas diferentes em contextos diferentes. Estas girias tornam as coisas ambíguas e confusas.

Finalmente, use analogias para transformar conceitos abstratos em conceitos concretos.

Obrigado pela leitura. Este artigo foi originalmente publicado no meu blog. Inscreva-se no meu boletim informativo se quiser mais artigos para ajudá-lo a se tornar um desenvolvedor de frontend melhor.

quinta-feira, 28 de agosto de 2014

PHP e MySQL Básico & Ajax Tutorial Básico


Dicas básicas para o uso de phpMyAdmin e criação de bancos de dados em MySQL Adicionar, criar, editar, Apagar, Procurar e mostrar tabelas com HTML e PHP Programação de um formulário web para interagir e gráficos no banco de dados. Muito mais código PHP que os suplementos, o que você aprendeu com os Tons curso PHP e toneladas de dicas exclusivas que só um programador de banco de dados profissional sabe a ...

Instalando o Web Developer plug-in para o Firefox para ajudar a depurar o código Usando o IDE de desenvolvimento livre, páginas web do Programa Apanta que fez isso?


Ele precisa refrescante para carregar em novos menus HTML content / botões que acionam funções, Menus com guias para abrir DIV CSS, o Windows Criar arrastar e soltar Torneiras para um carrinho de compras Lotes Web interface de javascript, XML, CSS, DOM, HTML, PHP


Baixe aqui:

http://www.filesonic.com/file/AQIA7AJ/Php_and_Ajax.part1.rar
http://www.filesonic.com/file/w6t8GmC/Php_and_Ajax.part2.rar
http://www.filesonic.com/file/IDU47r9/Php_and_Ajax.part3.rar
http://www.filesonic.com/file/ZNmSKO2/Php_and_Ajax.part4.rar
or
http://ul.to/ugshzjwd/Php_and_Ajax.part1.rar
http://ul.to/gd2y5sj5/Php_and_Ajax.part2.rar
http://ul.to/m777f413/Php_and_Ajax.part3.rar
http://ul.to/96nfitc8/Php_and_Ajax.part4.rar

quarta-feira, 20 de março de 2013

HTML 5 - Aula 1

O que podes fazer com o HTML 5  ? Applicacoes para telemoveis, jogos e muito mais ..


No video que se segue, demostrei como criar o seu primeiro documento em HTML 5



terça-feira, 23 de outubro de 2012

Para Aquecer ( Programacao em PHP) para Aquecer..

Ola.. De algum tempo para ca tenho trabalhado em desenvolver pagina em PHP ... Bem tenho experimentado coisas porque e uma linguagem muito interessante

Aqui estao algums screen-dumps problemas encontrados, quando programando em PHP


Esta foto e tirada do outuput the uma forma feita para mandar e-mail .. tudo escrito em PHP .. Aqui vai um extrato do codigo ...



<?php
/** Contactform1.php
**
** Created with Notepad++ by iTechReload Ltd all rights Reserved
** Open source version Program License under GNU public License
**
**/

?>
<?php

if (isset($_POST['email'])) {
//Enter the destination email details
$email_to = "some@someemail.com";
$email_subject = "subject";

//for testing purpose let this be a comment for now
//function die ($error); {
// if something goes wrong on code it goes here

// echo "There is a error(s) found with your form, please go back and fix it";
// echo "These error(s) appear bellow .<br><br>";
// echo $error."<br><br>";
// echo "Please go back and fix these errors .<br><br>";
// die('Something is not right on your code please debugg it line:25');

//}
//Now validate the data you are sending
/*if (isset($_POST['name']) ||
!isset($_POST['email']) ||
!isset($_POST['telephone']) ||
!isset($_POST['subject']) ||
!isset($_POST['message'])) {
die('Something is not right on your code please debugg it line:33');
}*/

//Now retrieve the information given
$name = $_POST['name']; //this is required
$email_from = $_POST['email']; //this is required
$telephone_number = $_POST['phone']; //this is required
$message = $_POST['message']; //this is required

//Show an error message if something not right
$error_message = "";


$string_exp = "/^[A-Za-z .'-]+$/";
if (!preg_match_all($string_exp, $name)) {
$error_message .= 'The Name you entered does not appear to be valid.<br>';
}

//This script will stop user to enter an invalid email
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
if (!preg_match($email_exp,$email_from)) {
$error_message .= 'The Email Address you entered does not appear to be valid.<br>';
}

if (strlen($message) < 2) {
$error_message .= 'The message you entered does not appear to be valid.<br>';
}
if(strlen($error_message) > 0) {
die($error_message);
}

$email_message = "Form details bellow.\n\n";

function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
}

$email_message .= "Full Name: ".clean_string($name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
$email_message .= "Phone: ".clean_string($telephone_number)."\n";
$email_message .= "Message: ".clean_string($message)."\n";

//Now try to create an email header
$headers = 'From: '.$email_from."\r\n";
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);
?>

<!-- include you own successs html here -->

<?php

//End of the all document
}
?>
<?php header("Location: thank_you.html") ?>

Ok, parece um tanto ou quanto complexo, mas nao e..... Aseguir contrui a pagina em HTMl que ira usar esta forma para poder enviar emails.


HTML coding;

<body>
<div id="toptabs">
<p>Site Network: 
<a class="toptab" href="index.html">ItechReload</a><span class="hide"> | </span>
<a class="toptab" href="index.html">About us</a><span class="hide"> | </span>
<a class="activetoptab" href="contactus.html">Contact Us</a></p>
</div>

<div id="container">
<div id="logo"><img src="Logo.jpg"align="middle" />
</div>

<div id="navitabs">
<h2 class="hide">Site menu:</h2>
<a class="navitab" href="index.html">Welcome</a><span class="hide"> | </span>
<a class="navitab" href="OurServices.html">Services</a><span class="hide"> | </span>
<a class="navitab" href="OurPortofolio.html"> Portfolio</a><span class="hide"> | </span>
<a class="activenavitab" href="contactus.html">Contact us</a><span class="hide"> | </span>
<!--<a class="navitab" href="#">Our Clients</a><span class="hide"> | </span>-->
<!--<a class="navitab" href="#">Our Patners</a><span class="hide"> | </span>-->
</div>
<div id="desc">
<br>
<p></p>
<p></p>
<p><strong>Please leave us your message !</strong></p>
<!--<p class="right"><a href="#">Read more...</a></p>-->
<form name="form1" method="post" action="contactform1.php">
<table width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td>Name</td>
<td>:</td>
<td><input name="name" type="text" id="name" size="25"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input name="email" type="text" id="email" size="25"></td>
</tr>
<tr>
<td>Phone Number</td>
<td>:</td>
<td><input name="phone" type="text" id="phone" size="15"></td>
</tr>
<tr>
<td width="16%">Subject</td>
<td width="2%">:</td>
<td width="82%">
   <input name="subject" type="text" id="subject" size="30">
</td>
</tr>
<tr>
<td>Detail</td>
<td>:</td>
<td>
<textarea name="message" cols="50" rows="15" id="message">
</textarea>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>
<input type="submit" name="Submit" value="Submit"> 
<input type="reset" name="Submit2" value="Reset">
</td>
</tr>
</table>
</form>
</div>
<div id="main">
</div>
<div id="footer">
Copyright &copy; 2011. Design by <a href="http://iTechReload.co.uk">iTechReload Ltd</a>.
</div>
</div>
</body>
</html>

..... Preciso dizer aqui que esta forma esta a funcionar a 70% ainda existem alguns bugs que preciso resolver... a forma esta localizada neste site ao vivo, com o endereco http://www.itechreload.co.uk/

Ainda exitem alguns erros que sera preciso resolver como este ... 




segunda-feira, 17 de setembro de 2012

O que o Linux ?

Linux é um sistema operativo - muito parecido com o UNIX - que se tornou muito popular nos últimos anos.

Sistemas operativos são programas de computador. Um sistema operativo é a primeira peça de software que o computador executa quando você ligar a máquina. O sistema operativo é carregado na memória e começa a gerenciar os recursos disponíveis no computador. Em seguida, fornece esses recursos para outras aplicações que o usuário deseja executar. Serviços típicos que um sistema operativo fornece incluem:
      
  • Um agendador de tarefas - O agendador de tarefas é capaz de alocar a execução da CPU para um número de diferentes tarefas. Algumas dessas tarefas são as diferentes aplicações que o usuário está executando, e alguns deles estão operando tarefas do sistema. O agendador de tarefas é a parte do sistema operativo que permite imprimir um documento a partir do seu processador de texto em uma janela enquanto você está baixando um arquivo na outra janela e recalcular uma planilha em uma terceira janela.
  •     
  • Um gerenciador de memória - O gerenciador de memória controla RAM do sistema e, normalmente, cria um maior espaço de memória virtual utilizando um arquivo no disco rígido. (Veja também esta Pergunta do dia.)
  •     
  • Um gerenciador de disco - O gerenciador de disco cria e mantém os diretórios e arquivos no disco. Quando você solicita um arquivo, o gerenciador de disco traz a partir do disco.     
  • Um gerente de rede - O gerente de rede controla todos os dados que circulam entre o computador ea rede.
  •    
  •  Outros I / O gerente de serviços - O sistema operacional gerencia o teclado, mouse, monitor de vídeo, impressoras, etc
  •    
  •  Gerente de segurança - O sistema operacional mantém a segurança das informações em arquivos do computador e controles que podem acessar o computador.

Um sistema operando normalmente também fornece a interface de usuário padrão para o sistema. O "olhar" padrão do Windows 98 inclui o botão Iniciar, a barra de tarefas, etc O Mac OS fornece um olhar completamente diferente e sentir para computadores Macintosh.

Linux é muito mais um fenômeno, pois é um sistema operacional. Para entender por que o Linux tornou-se tão popular, é útil saber um pouco sobre sua história. A primeira versão do UNIX foi originalmente desenvolvido há várias décadas e foi usado principalmente como um sistema operacional de pesquisa em universidades. Estações de trabalho de alta potência de mesa de empresas como a Sun proliferaram na década de 1980, e eles foram todos baseados em UNIX.

Um número de empresas entrou em campo estação de trabalho para competir contra Sol: HP, IBM, Silicon Graphics, Apolo, etc Infelizmente, cada um tinha sua própria versão do UNIX e isso fez a venda de software difícil. Windows NT foi a resposta da Microsoft para este mercado. NT fornece o mesmo tipo de características como sistemas operacionais UNIX - segurança, suporte para múltiplas CPUs, em grande escala de memória e gerenciamento de disco, etc - mas ele faz isso de uma forma que seja compatível com a maioria dos aplicativos do Windows.

A entrada da Microsoft na arena estação de trabalho high-end criou uma dinâmica estranha. Os sistemas operacionais proprietários pertencentes a empresas distintas e da falta de uma autoridade central no mundo UNIX enfraquecer UNIX, mas muitas pessoas têm problemas pessoais com a Microsoft. Linux entrou esta paisagem ímpar e capturou muita atenção.

O kernel do Linux, criado por Linus Torvalds, foi disponibilizado para o mundo livre. Torvalds, em seguida convidou outros para adicionar ao kernel desde que mantenham suas contribuições livre. Milhares de programadores começou a trabalhar para melhorar o Linux, eo sistema operativo cresceu rapidamente. Porque é livre e roda em plataformas PC, ganhou um público considerável entre hard-core desenvolvedores muito rapidamente. O Linux tem seguidores dedicados e apela a vários tipos diferentes de pessoas:

       
  •  Pessoas que já conhecem UNIX e quer executá-lo em PC tipo de hardware
  •     
  • As pessoas que querem experimentar com os princípios do sistema operacional
  •    
  •  As pessoas que precisam ou querem um grande controle sobre seu sistema operativo
  •    
  •  As pessoas que têm problemas pessoais com o Microsoft

Em geral, o Linux é mais difícil de controlar do que algo como o Windows, mas oferece mais flexibilidade e opções de configuração.

Stuxnet - A Primeira Arma Digital

EM breve a Versao com Legendas !!

quinta-feira, 30 de agosto de 2012

Como construir o seu próprio disco rígido externo

Construção de seu próprio disco rígido externo rígido é fácil de fazer, você pode economizar algum dinheiro, e oferece opções mais personalizadas do que a compra de pré-manufacturados.


Discos rígidos externos são ótimos para armazenar fotos, músicas, vídeos e arquivos de backup. Não só eles podem pode ser usado com um PC, mas também com dispositivos de mídia para adicionar armazenamento streaming, e com roteadores Wi-Fi como soluções baratas NAS.

Discos rígidos externos adquiridos prontos, muitas vezes contêm unidades mistério dentro e os gabinetes não são feitos para serem reutilizados. Construção de sua própria unidade externa vezes pode ser uma solução mais barata, mais flexível. E se você já tem uma unidade interna de disco rígido antiga por aí, você pode transformá-lo em uma unidade externo, por tão pouco quanto $ 10.

Como escolher seu disco rígido interno



Interface interno

Discos rígidos modernos possuem interfaces SATA e são fáceis de identificar porque eles só tem 7 pinos. Se está comprando uma nova unidade, que vai ser um disco SATA. Ou se  está reutilizando uma antiga unidade, é possível que seja uma unidade PATA (IDE), com 40 pinos. A maioria das compartimentos suporta uma ou outra platforma, por isso é importante saber qual a interface interna do seu disco tem.

Tamanho, altura, capacidade 

Unidades de 3,5 polegadas são usados ​​em computadores de mesa, enquanto unidades de 2,5 polegadas são normalmente utilizadas em laptops. Unidades de 3,5 polegadas oferecem maior capacidade de armazenamento do que discos de 2,5 polegadas, então se você quiser 2 TB de armazenamento, uma unidade de área de trabalho é a sua única opção. No entanto discos de 2,5 polegadas são a melhor escolha para uso portátil. Enquanto a maioria dos discos de 2,5 polegadas são 9,5 milímetros de altura, algumas são 12,5 milímetros. Observe o tamanho do seu disco antes de decidir sobre uma cobertura.

velocidade de rotação

7.200 rpm e 5.400 rpm rotacoes por minutos. são as velocidades mais comuns de rotação para discos rígidos internos. 7.200 rpm drives são mais rápidas do que 5.400 rpm drives, mas eles tendem a correr mais quente e são menos eficientes do que 5.400 rpm drives. Se você escolher o carro mais rápido, mais quente, a capacidade do recinto para manter a unidade fria vai ser uma consideração importante.


Final da Primeira Parte 1 .... Publicarei o a parte 2 em breve

quinta-feira, 5 de abril de 2012

Introducao ao CSS

 


CSS - Cascading Style Sheet . E uma forma de separar o conteudo no layout de um pagina web.

Como e que Funciona ?

O Style ou Estilo é uma definição de fontes, cores, etc..
Cada Estilo tem um nome unico: o selector ou selecionador

O selector e os seus estilos soa definidos num so lugar. No teu teu markup HTML simplesmente te referes aos selectors sempre que quiseres activar ou usar o formato daquele selector.

Por Examplo;

Ao inves de definires o tamanho e cores do tipo de texto sempre que quiseres mudares o formato do teu texto simplesmente precisa te referrir aos selectors que declaraste no CSS e assim aplicares os estilo que pre-definiste no CSS.

Compare as Duas Tabela que se seguem:

HTML Classico..









Com CSS ( assumindo que o selector e aqui applicado e o formato attribuido )..







Enquanto CSS permite que você separe o layout do conteúdo, ele também permite que você defina o layout muito mais poderosa do que você poderia com o clássico HTML.

Vantagens do CSS....

Com CSS, tu podes ser capaz de;

- Definir a aparência de suas páginas em um único lugar ao invés de se repetir uma e outra vez em todo o site. (Nunca se cansa de definir cores e fontes cada vez que você começar uma nova célula em uma tabela? Esses dias acabaram com CSS!)

- Alterar facilmente a aparência de suas páginas, mesmo depois que são criados. Uma vez que os estilos são definidos em um lugar que você pode mudar o visual do site inteiro de uma vez. (Nunca se cansa de substituir tags em seu site quando você quiser alterar a aparência de um certo elemento? Esses dias acabaram com CSS!)

- Definir tamanhos de fonte e outros atributos semelhantes com a mesma precisão que você tem com um processador de texto - não se limitando apenas aos sete diferentes tamanhos de fonte definidos em HTML.

- Posicionar o conteúdo das suas páginas com precisão de pixel.

- Redefinir inteiras tags HTML. Digamos, por exemplo, se você queria que a tag bold para ser vermelho usando uma fonte especial - isso pode ser feito facilmente com CSS.

- Definir estilos personalizados para links - como se livrar do sublinhado.

- Definir camadas que podem ser posicionados em cima uns dos outros (muitas vezes utilizado para menus que aparecem)...

Continua... No proximo artigo ... Interessado em Desenvolver Solucoes Web por favor contact iTechReload Ltd