Professor Diogo Cezar 2019/01

Olá pessoas, tudo certo por ai?

Este repositório será utilizado para organizar todo o material das disciplinas ministradas de web pelo professor Diogo Cezar no semestre 2019/01.

Quais são as disciplinas?

• AS34A - Programação Web - N14 - Horários e Salas:
  • 2N4 : I204;
  • 2N5 : I204;
  • 3N4 : P105;
  • 3N5 : P105;
• IF66H - Programação Web 1 - ES61 - Horários e Salas:
  • 5N4 : A040;
  • 5N5 : A040;
  • 6N1 : P105;
  • 6N2 : P105;
  • 6N3 : P105;

Conteúdo

Conteúdo	Link
Apresentação	http://bit.ly/2Lqcooz
Comandos Básicos Linux	http://bit.ly/2BJBS0C
Dinâmicas	http://bit.ly/2LoeCF6
O Futuro da Educação	http://bit.ly/2Looj6p
Orientações Gerais	http://bit.ly/2LoN1np
Versionamento de Arquivos com GIT	http://bit.ly/2Lr2WBp
Conhecendo a Internet	http://bit.ly/2Lr3hUH
Protocolo HTTP	http://bit.ly/2MMkgpb
HTML5 - Parte 1	http://bit.ly/2MRjvLy
HTML5 - Parte 2	http://bit.ly/2MLUz8o
CSS3 - Parte 1	http://bit.ly/2o9k0Tg
CSS3 - Parte 2	http://bit.ly/2MLUDoE
CSS Flex e CSS Grid	http://bit.ly/2MRdVsH
Ecossistema JavaScript	http://bit.ly/2o9u66N
JavaScript - Parte 1	http://bit.ly/2MUafGu
JavaScript - Parte 2	http://bit.ly/2MRdX3N
Automatizadores para Web	http://bit.ly/2MMlqkx
Frameworks CSS	http://bit.ly/2MO8DxX
SASS	http://bit.ly/2MKx0wL
SVG	http://bit.ly/2MN5VJ9
ReactJS	http://bit.ly/2Lqrqut
PHP - Parte 1	http://bit.ly/2BMWdlS
PHP - Parte 2	http://bit.ly/2LqrTNf
PHP - Parte 3	http://bit.ly/2BMA9b8
Rotas e Templates	http://bit.ly/2LqskqR
NodeJS - Parte 1	http://bit.ly/2LqZGG6
NodeJS - Parte 2	http://bit.ly/2BL2dvv
Introdução ao Laravel	http://bit.ly/2Lq7x6X
Introdução ao AdonisJS	http://bit.ly/2LoOQkf

Códigos, Exemplos e Materiais

• LinkBase é um sistema utilizado como exemplo durante toda a disciplina
  • https://github.com/diogocezar/linkbase

SandyBox

Esse é um pequeno projeto para emular um sistema CSS, JavaScript e HTML.

https://github.com/diogocezar/sandybox

Link	Descrição
https://diogocezar.github.io/sandybox/#/html-example-1	Títulos em HTML5
https://diogocezar.github.io/sandybox/#/html-example-2	Parágrafos em HTML5
https://diogocezar.github.io/sandybox/#/html-example-3	Links em HTML5
https://diogocezar.github.io/sandybox/#/html-example-4	Imagens em HTML5
https://diogocezar.github.io/sandybox/#/html-example-5	Tabelas em HTML5
https://diogocezar.github.io/sandybox/#/html-example-6	Listas Ordenadas em HTML5
https://diogocezar.github.io/sandybox/#/html-example-7	Lista Não Ordenadas em HTML5
https://diogocezar.github.io/sandybox/#/html-example-8	Formulários - Parte 1 em HTML5
https://diogocezar.github.io/sandybox/#/html-example-9	Formulários - Parte 2 em HTML5
https://diogocezar.github.io/sandybox/#/html-example-10	Estruturas de Blocos em HTML5
https://diogocezar.github.io/sandybox/#/html-example-11	MetaTags em HTML5
https://diogocezar.github.io/sandybox/#/html-example-12	DataSets em HTML5
https://diogocezar.github.io/sandybox/#/css-example-1	Exemplos de estilos em CSS
https://diogocezar.github.io/sandybox/#/css-example-2	Exemplo de Background Color
https://diogocezar.github.io/sandybox/#/css-example-3	Tipos de Cores
https://diogocezar.github.io/sandybox/#/css-example-4	Exemplos de Tamanhos
https://diogocezar.github.io/sandybox/#/css-example-5	Exemplos de Margens
https://diogocezar.github.io/sandybox/#/css-example-6	Exemplos de Paddings
https://diogocezar.github.io/sandybox/#/css-example-7	Exemplos Altura e Largura
https://diogocezar.github.io/sandybox/#/css-example-8	Exemplos de Imagens em Background
https://diogocezar.github.io/sandybox/#/css-example-9	Exemplos de Line Height
https://diogocezar.github.io/sandybox/#/css-example-10	Exemplos de Text Transform
https://diogocezar.github.io/sandybox/#/css-example-11	Exemplos de Text Decoration
https://diogocezar.github.io/sandybox/#/css-example-12	Exemplos de FontStyle
https://diogocezar.github.io/sandybox/#/css-example-13	Exemplo de Hover
https://diogocezar.github.io/sandybox/#/css-example-14	Exemplo de Gradiente
https://diogocezar.github.io/sandybox/#/css-example-15	Exemplo de Transform
https://diogocezar.github.io/sandybox/#/css-example-16	Exemplo Transition
https://diogocezar.github.io/sandybox/#/css-example-17	Exemplo de Animation
https://diogocezar.github.io/sandybox/#/css-example-18	Exemplo de Font-Face
https://diogocezar.github.io/sandybox/#/css-example-19	Exemplo de Media-Querie
https://diogocezar.github.io/sandybox/#/css-example-20	Exemplo de Calc e Childs
https://diogocezar.github.io/sandybox/#/css-example-21	Exemplo Float
https://diogocezar.github.io/sandybox/#/css-example-22	Exemplo Relative
https://diogocezar.github.io/sandybox/#/css-example-23	Exemplo Absolute
https://diogocezar.github.io/sandybox/#/css-example-24	Exemplo Fixed
https://diogocezar.github.io/sandybox/#/css-example-25	Exemplo de Display Block em CSS
https://diogocezar.github.io/sandybox/#/css-example-26	Exemplo de Display Inline em CSS
https://diogocezar.github.io/sandybox/#/css-example-27	Exemplo de Display Inline-Block em CSS
https://diogocezar.github.io/sandybox/#/css-example-28	Exemplos de After e Before
https://diogocezar.github.io/sandybox/#/flex-example-align-content	Exemplo de Align Content
https://diogocezar.github.io/sandybox/#/flex-example-align-items	Exemplo de Align Items
https://diogocezar.github.io/sandybox/#/flex-example-align-self	Exemplo de Align Self
https://diogocezar.github.io/sandybox/#/flex-example-basis	Exemplo de Basis
https://diogocezar.github.io/sandybox/#/flex-example-direction	Exemplo de Direction
https://diogocezar.github.io/sandybox/#/flex-example-display	Exemplo de Display
https://diogocezar.github.io/sandybox/#/flex-example-grow	Exemplo de Grow
https://diogocezar.github.io/sandybox/#/flex-example-justify-content	Exemplo de Justify Content
https://diogocezar.github.io/sandybox/#/flex-example-order	Exemplo de Order
https://diogocezar.github.io/sandybox/#/flex-example-shrink	Exemplo de Shrink
https://diogocezar.github.io/sandybox/#/flex-example-wrap	Exemplo de Wrap
https://diogocezar.github.io/sandybox/#/grid-example-auto-columns	Exemplo de Auto Columns
https://diogocezar.github.io/sandybox/#/grid-example-auto-rows	Exemplo de Auto Rows
https://diogocezar.github.io/sandybox/#/grid-example-column	Exemplo de Column
https://diogocezar.github.io/sandybox/#/grid-example-display	Exemplo de Display
https://diogocezar.github.io/sandybox/#/grid-example-gap	Exemplo de Gap
https://diogocezar.github.io/sandybox/#/grid-example-row	Exemplo de Row
https://diogocezar.github.io/sandybox/#/grid-example-template-areas	Exemplo de Template Areas
https://diogocezar.github.io/sandybox/#/grid-example-template-columns	Exemplo de Template Columns
https://diogocezar.github.io/sandybox/#/grid-example-template-rows	Exemplo de Template Rows
https://diogocezar.github.io/sandybox/#/js-example-1	Exemplos de Função
https://diogocezar.github.io/sandybox/#/js-example-2	Exemplos de Função em Variável
https://diogocezar.github.io/sandybox/#/js-example-3	Exemplos de Função como CallBack
https://diogocezar.github.io/sandybox/#/js-example-4	Exemplos de Variáveis e Arrow Functions
https://diogocezar.github.io/sandybox/#/js-example-5	Exemplos de Manipulação de Arrays
https://diogocezar.github.io/sandybox/#/js-example-6	Exemplos de Comparações entre Variáveis
https://diogocezar.github.io/sandybox/#/js-example-7	Exemplo de Objeto Literal
https://diogocezar.github.io/sandybox/#/js-example-8	Exemplo de Objeto Construtor
https://diogocezar.github.io/sandybox/#/js-example-9	Exemplo de Array de Objetos
https://diogocezar.github.io/sandybox/#/js-example-10	Exemplos de Interações com o HTML
https://diogocezar.github.io/sandybox/#/js-example-11	Exemplo Validação Formulário
https://diogocezar.github.io/sandybox/#/js-example-12	Exemplo Orientação a Objeto
https://diogocezar.github.io/sandybox/#/js-example-13	Exemplo de Promise
https://diogocezar.github.io/sandybox/#/bootstrap-example-1	Guia Bootstrap
https://diogocezar.github.io/sandybox/#/svg-example-1	Exemplos Básicos SVG
https://diogocezar.github.io/sandybox/#/svg-example-2	Exemplo Hover SVG

Contato

Vocês podem entrar em contato pelo email: diogoc@utfpr.edu.br

Horários

HORÁRIO	SEGUNDA	TERÇA	QUARTA	QUINTA	SEXTA
13:00		IF62B-A21 / I201
13:50		IF62B-A21 / I201
14:40		IF62B-A21 / I201
15:50		PALUNO
16:40
17:50
18:40	ES31A-ES11 / A136				IF66H-ES61 / P105
19:30	ES31A-ES11 / A136	PALUNO	ES31A-ES11 / P105		IF66H-ES61 / P105
20:20	ES31A-ES11 / A136	PALUNO	ES31A-ES11 / P105		IF66H-ES61 / P105
21:20	AN34A-N14 / I204	AN34A-N14 / P105	PALUNO	IF66H-ES61 / A040
22:10	AN34A-N14 / I204	AN34A-N14 / P105	PALUNO	IF66H-ES61 / A040

PALUNO

Os atendimentos a dúvidas serão feitos no horário de PALUNO.

Sala K006;

O atendimento será feito por ordem de chegada.

Caso não seja possível o atendimento no dia, deve-se enviar um email e agendar um horário.

Pesquisa de Satisfação da Disciplina

Aqui está uma pesquisa que poderá ser respondida a qualquer momento durante nossa disciplina.

https://goo.gl/forms/MFLF8XdR0OvwuhZt2