Do Zero a WebDesigner c Guilherme: Html5, Css3, Js, Php, SQL

A grande importância do html5 se dá em marcar, identificar o conteúdo das páginas de maneira que o navegador (browser) possa saber como tratar/personalizar/estilizar este, e que também permita ao buscador (search engine) identificar do que se trata este conteúdo. E, nesta aula ensino como usar os títulos e subtítulos do html, os quais são tags usadas em praticamente 100% dos sites online.

A tag do parágrafo, apesar de ser simples de utilizar, é muito importante, pois além de criar blocos de texto, permite ao buscador e ao usuário, identificar o conteúdo que está relacionado ao título da página web.

Assim, como nos livros, o negrito é um recurso importante para criar destaque em determinada palavras ou grupos de palavras. Por isso, usá-lo corretamente no teu site ajudará ao leitor e ao buscador identificar pontos importantes dentro do teu texto.

A tag para itálico permite que você crie uma ênfase numa determinada palavra ou grupo de palavras de modo sutíl, o que ajuda a dar destaque em grandes quantidades de texto sem aumentar o peso visual do mesmo. Então, nesta vídeo aulas apresento duas tag usadas para criar itálico e explico a diferença entre elas.

"Uma imagem vale mais que 1000 palavras", é uma frase que provavelmente você já deve ter ouvido. Contudo, digo eu "Uma imagem muda em muito o visual do site", pois, por si só estas transmitem muita informação enquanto agregam valor estético as tuas páginas html. Tendo isso em mente, aprender a colocar imagens no teu site é uma tarefa fundamental para deixá-los num outro patamar. E, nesta aula a minha tarefa é esta, te ensinar como inserir imagens dentro das tua web pages.

Dentro do html5, um dos poucos recursos que criam interação, e de longe é o mais importante, são os links. Afinal, a interação entre usuário e página no html começo com este simples e eficaz recurso. Por isso, nesta vídeo aula te ensinarei como usar de maneira rápida e prática esta tag tão importante.

Se você já mexou com o microsoft Excel, ou com OpenOffice Calc, com certeza entende a importância de uma tabela na hora de apresentar um grupo de dados, de informações aos leitores desta. Contudo, apesar de não se tão prático como nestes dois programas, é possível criar tabelas no html5 de maneira simples, porém, requererá alguns passos a mais.

Nesta aula mostrarei como você cria tabelas seguindo os padrões do SEO, os quais influenciam a analise dos buscadores e elevam o pagerank das páginas.

Nesta vídeo aula veremos como usar os atributo rowspan e colspan para alterar o tamanho das células da tabela para que estas ocupem mais de uma linha ou coluna.

Nesta aula veremos como criar lista ordenadas e não ordenadas para colocar em nossas páginas html.

Nesta vídeo aula veremos como criar listas descritivas para colocar em nossos websites.

Ao salvar um arquivo como .html já é o suficiente para se criar uma página web, contudo, para que este esteja dentro dos padrões de criação de sites definidos pela w3c, órgão regulamentador da linguagem html, é preciso seguir algumas regras, as quais veremos nesta vídeo aula.

Nesta vídeo apresento algumas propriedades do input, as quais são importantes para sua devida configuração

Quando se precisa criar uma caixa para que o usuário escreva um texto maior, faz-se necessário o uso da tag Textarea e nesta aula mostro como usá-la.

A tag input checkbox é um elemento importante para um formulário que permite a seleção de múltiplas opções já definidas e nesta aulas ensino como utilizá-la com tranquilidade.

Descubra nesta vídeo aula como utilizar corretamente a tag input radio, o qual permite escolher uma única opção no meio de múltiplas opções.

Nesta vídeo aula ensino como utilizar 3 tags html bem interessantes, a select, a option e a optgroup, o qual juntas compõe um campo select dentro dos formulário html5.

Nesta vídeo estaremos iniciando os estudos sobre css3. Css, é a abreviação de Cascading Style Sheet, ou seja, folha de estilos em cascata. E, a partir desta aula estarei mostrando como você pode utilizá-lo para melhorar o visual das suas páginas html5.

Nesta aula você verá a como funciona a estrutura do código css, o qual deve ser obedecida e respeitada para que ele funcione e aplique os estilos em suas páginas html5.

Nesta vídeo aula veremos como utilizar o atributo color do css3 para realizar mudanças de cor no texto das nossas páginas html.

Numa das aulas anteriores vimos o atributo color, o qual permite realizar mudanças nas cores das letras presentes nas páginas web e agora veremos o atributo background-color, o qual permite mudar a cor de fundo dos elementos (tags) presentes nas páginas html.

Nesta vídeo aula veremos como utilizar o atributo margin do css para trabalhar o posicionamento dos elementos dentro das nossas páginas html.

O atributo padding do css permite que trabalhemos as margens internas das nossas tags html, criando assim uma área de respiro em volta das bordas.

A cada aula estamos aprendendo cada vez mais e nesta vídeo aula veremos como usar os atributos width e height do css para controlar a altura e a largura das tags das nossas páginas web.

O atributo display é um elemento que permite alterar a forma como as tags apresentam-se e comportam-se dentro das páginas web e nesta aula veremos como isso funciona.

O atributo float do css3 é um elemento importante para criar layout responsivos, uma vez que ele reage as dimensões e posicionamento das tags html5.

Apesar de ditar um comportamento mais rígido, os atributos position, top, right, left, bottom ainda são bem utilizados nas páginas html5 em diversos. Afinal, nem sempre desejamos um comportamento fluído em nossos layouts.

Assim como efeitos de gradiente, antigamente criar efeito de sombra era bem difícil, pois tínhamos que recorrer a imagens, mas hoje com css3 você consegue efeitos bem legais com muita facilidade.

Box-sizing é um recurso muito importante para quem deseja criar layout, pois evita distorções em seu layout, e nesta aula mostro como você pode usá-lo.

Antigamente para criar efeito de gradiente era preciso recorrer a imagens, mas com o css3 a coisa ficou muito mais fácil e nesta aula mostro como você pode criar efeito de gradiente usando apenas css3.

Nesta aula mostro como você pode definir a família da fonte das suas páginas e também como configurar os tamanhos das fontes usando medidas relativas e absolutas.

Nesta vídeo aula estou dando continuidade ao assuntos sobre estilização de fontes usando css3. Então, veremos mais atributos que te darão mais controles sobre as fontes do teu site.

Nesta aula começamos os estudo sobre seletores do css. Este é um assunto muito importante para o curso como um todo, pois o que será explicado nestas aulas poderá ser usado tanto no css, como no javascript

Dando continuidade ao assunto Seletores do Css3, nesta aula explico como realizar Seleções Múltiplas de Tags, seleção por Parentesco Direto e Indireto

Nesta aula veremos como funciona a Seleção por Atributo, e Atributo e Valor das Tags no Css. Preste bastante atenção, pois esta é uma tática muito eficiente.

Para encerrar o Assunto Seletores do Css3, nesta aula veremos como utilizar os Pseudos Seletores do Css3, os quais nos permitem selecionar por fatores ainda não apresentados.

Criar um layout para site é o desejo de muitos que estudam webdesign ou querem começar a estuda. Por isso, nesta aula mostro como Você pode facilmente construir o seu primeiro layout para sites de maneira fácil usando o html5. Na aula seguinte mostro como você pode estilizar este melhor layout, afinal a função do html5 é apenas definir a estrutura, e não o visual.

Nesta aula daremos continuidade ao tema da aula anterior, pois agora estarei mostrando como você pode usar o Css3 para estilizar o Html5 conseguindo assim o resultado almejado no layout já apresentado dentro do software de vetorização.

Nesta vídeo aula estarei mostrando como você desenha num software de vetorização, de maneira simples, uma tabela para depois transportá-la para as linguagens html5 e css3 para que esta esteja presente no teu site.

Nesta 2ª aula sobre a criação de tabelas estarei mostrando como você transporta a estrutura da tabela para as regras do Html5

Nesta aula estou dando continuada a criação da tabela e estarei mostrando como você cria os estilos css3 que deixarão a tabela com o visual definido na primeira aula

Esta é a primeira vídeo sobre como criar uma galeria de imagens usando Html5, Css3, JavaScript e Php! E, nesta aula veremos como criar o visual do projeto.

Uma vez definido o visual é preciso construir a estrutura html5 do projeto, e neste aula mostrarei como você pode fazer isso

Dando continuidade ao ensino sobre como criar uma galeria de imagens para colocar no seu site, nesta aula veremos como transformar o resultado visual feito no software vetorial em código css3.

Nesta vídeo aula começamos o estudo de Javascript, uma linguagem de programação extremamente utilizada no mundo web.

As funções document.write(), console.log() e alert() são 3 funções bem interessantes utilizadas para escrever mensagens ao usuário e ao desenvolvedor. E, neste aula você verá a diferença entre elas.

Quando se está criando códigos em nossos arquivos javascript, é importante em diversos casos deixar informações que facilitem a compreensão. E, a estas informações damos o nome de comentários.

Nesta vídeo aula mostro como você pode trabalhar com códigos javascript dentro e fora do seu arquivo html.

Um recurso importante de qualquer linguagem de programação é a variável, e nesta aula mostro como você pode criar com facilidade variáveis de diferentes tipos.

Em determinados momentos é preciso guardar informações, valores que não devem ser alterados de maneira alguma ao longo das suas páginas html. E, é neste momento que as constantes entram em ação.

Algo bem legal nas linguagens de programação é que elas te permitem fazer o Pc trabalhar por você. E, neste vídeo mostro como você pode fazer o computador executar contas para você e suas páginas html5.

Operadores de comparação são uma ferramenta importante para se testar a validade de uma determinada situação e nesta aula mostro como utilizá-los de maneira simples e rápida.

Operadores Lógicos são operadores que verificam se as situações de ambos os lados são verdadeiras ou falsas, e dependendo de cada situação o operador utilizado retornará um valor diferente. E, nesta aula ensino como você pode usá-los com facilidade.

Além, dos operadores matemáticos (usados para fazer contas) e os operadores lógicos (usados para testar situações), há também os operadores binários e unários, os quais te permitem reduzir o processo de declaração de expressões matemáticas.

Nesta vídeo ensino como realizar teste condicionais usando os comando if, else e else if em seus projetos web com javascript

Uma parte importante das programação web é a realização de teste condicionais os quais alteram o resultado apresentado ao internauta dependendo de sua resposta. E, nesta aula mostro como usar um importante ferramenta para teste condicionais: if, else e else if.

Já pensou ter que repetir o mesmo código 100 vezes na mão? Você gostaria? Eu, não. Por isso, uso loops javascript para realizar tarefas repetitivas, e nesta aula mostro como se usa o loop While()

Além, do loop while() há também o loop For(), o qual apesar de possuir uma estrutura diferente, gera um resultado em diversos caso igual ao loop while.

Em alguns você sentirá que precisa construir um loop que execute ao menos uma vez uma determinada tarefa, mesmo quando sua condição já iniciar dando um resultado falso (false). E, nesta aula mostro como é fácil usar o loop Do While() para realizar esta tarefa.

Variáveis do tipo array são bem interessantes, pois elas facilitam a manipulação de informação relacionadas. E, nesta aula mostro como elas funcionam.

Nesta vídeo aula você aprenderá como criar suas próprias funções dentro do javascript, as quais facilitarão o seu trabalho ao longo do desenvolvimento.

Nesta aula mostro como você pode criar objetos dentro da linguagem Javascript de um modo simples e rápido.

Nesta aula mostro a você como eram criados as classes JavaScript antes da versão do EcmaScript 2015, ou EcmaScript 6

Nesta aula você descobrirá como criar classes usando o EcmaScript 6/2015

Aprender a trabalhar com herança de classes é fundamental para a programação orientada a objetos e nesta aula mostro como você pode fazer isto.

Nesta aula você descobrirá como pode recuperar/pegar as tags das suas páginas html usando o Javascript para isso.

Numa das aulas anteriores mostrei como você seleciona as suas tags html usando o Javascript e nesta aula mostrarei como você pode alterar, manipular os atributos das tags html usando o Javascript.

Nesta aula mostro como você pode criar suas tags html diretamente em seus arquivos js usando o Javascript para isso.

Nesta aula estarei mostrando como você pode utilizar o Javascript para criar uma tabela mais fácil de popular (preencher com valores).

Nesta vídeo aula faço uma introdução a linguagem php e apresento os programas necessários para uso durante as aulas.

Nesta aula mostro como escrever nas páginas web usando o php.

Variáveis são recursos importantes das linguagens de programação e nesta aula você descobrirá como criar suas primeiras variáveis no php.

Nesta aula você aprenderá a como criar suas primeiras constante dentro do Php.

Nesta aula você aprenderá como usar os quatro operadores aritméticos básicos das operações de soma: adição, subtração, multiplicação e divisão.

Em diversos momentos você precisará comparar valores para poder escolher qual código será executado. E, nesta aula você descobrirá como usar operadores de comparação.

Nesta aula você descobrirá o que são operadores unários e binários e como usá-los.

Operadores lógicos são muitos usados em teste condicionais e nesta aula você descobrirá como usá-los.

Nesta aula você verá como usar if e else e else if para realizar teste dentro das suas páginas php.

Uma alternativa interessante aos códigos if e else, são Switch e Case, e nesta aula você verá como usá-los.

Nesta aula você descobrirá o que são loops e como criar seu primeiro loop While dentro do php.

Nesta aula você aprenderá mais um tipo de loop php, o loop for e verá as diferenças entre o for e o while.

Além, dos loops for e while, existe o loop do while, o qual funciona de um modo diferente dos anteriores, e nesta aula você verá como usá-lo.

Nesta aula você verá como criar arrays dentro do php.

O loop foreach é um solução bem legal quando se é preciso iterar array associativos e nesta aula você descobrirá como usá-lo.

Nesta aula você verá como criar suas primeiras funções e como elas tornam mais fácil a vida dos programadores php.

Return é um recurso importante do php quando o assunto é função. E, nesta aula você descobrirá como usá-lo.

Finalmente, chegamos ao assunto que estava tão ansioso para ensinar. Nesta aula você descobrirá o que são classes, objetos e como estes são importantes para a Programação Orientada a Objetos (POO).

Nesta aula estarei mostrando como você pode usar o Php para criar uma tabela dinâmica. Esta aula mostra um jeito alternativo ao apresentado nas aula de Javascript.

Nesta aula estarei mostrando como você converte o código em estilo programação funcional para um código estilo programação orientada a objetos.

Nesta vídeo aula mostro como Você pode Criar e Deletar o seu Primeiro Banco de Dados utilizando a Linguagem de Consulta Estruturado, o SQL (Structure Query Language).

Nesta vídeo aula ensino como você pode Criar e Deletar sua Primeira Tabela usando o SQL.

Esta é a primeira aula sobre CRUD (Create, Read, Update e Delete). Nesta vídeo aula ensino como inserir dados na tabela usando o comando Insert.

Dando continuidade as aulas de CRUD aonde ensino como Criar, Ler, Atualizar e Deletar dados na tabela, agora veremos como você pode consultar dados na tabela através do comando de select, o qual seleciona dados que atendam a query (consulta) definida.

Esta é mais uma aula sobre CRUD (create, read, update e delete) e nela veremos como atualizar os dados da tabela de modo fácil através do comando Update.

Para finalizar a apresentar do CRUD (Criação, leitura, atualização e delete de dados), teremos agora uma aula sobre o comando Delete. Esta não será a última de CRUD, mas com esta aula você já poderá estar manipulando suas tabelas com mais liberdade, pois já poderá: inserir dados na tabela, consultá-los, atualizá-los e deletá-los.

Nesta aula apresento diversos tipos de dados aceitos tanto pelo Sistema Gerenciador de Banco de Dados (SGBD) conhecido por MySQL, como também pelo MariaDB (um banco de dados instalado junto com o XAMPP).

Nossa Primeira tabela foi bem simples, pois, não tinha falado sobre os Data Types e nem tinha mostrado ainda o CRUD, mas agora faremos uma tabela, melhor que aceite dados de diversos tipos buscando nos aproximar mais dos casos reais que surgem no dia a dia do webdesigner.

Uma vez que a tabela pessoas foi criada, agora veremos como popula-la (enchê-la com dados), através dos dados disponíveis numa planilha do opencalc ou do excel.

Nesta Aula será criado mais uma tabela, a tabela Unidade Federativa aonde teremos informações para em exercícios futuros combinarmos com a tabela pessoas já criada num exercício anterior.

Nesta vídeo aula mostro como você pode adicionar e remover colunas da sua tabela usando o SQL.