slide 02 introdução ao code igniter, utilização do bootstrap
TRANSCRIPT
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Introdução ao CodeIgniter e Utilização do BootStrap
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
CodeIgniter
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
CodeIgniter é um poderoso framework de código livre para desenvolvimento de aplicações PHP. A partir de sua utilização é possível acelerar a criação de aplicativos, pois ele possui uma biblioteca completa de funcionalidades que podem ser reutilizadas facilmente. Além disso, por ser um framework MVC.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Características -
Uma das características principais do CodeIgniter é o fato de ele ser um framework MVC. Essa sigla significa Model-View-Controller. Isso quer dizer que o framework foi estruturado de maneira que o código do aplicativo fica separado em modelos, visões e controladores. Os modelos são responsáveis pela interação com o banco de dados. Os controladores contém a lógica de interação com o usuário. E as visões são as próprias páginas.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Exemplos -
Estes são alguns exemplos de projetos criados utilizando o CodeIgniter:
http://www.showthatyouhelp.com/http://www.attcenter.com/http://orotoro.com/http://www.sprintcenter.com/http://www.gamestack.net/
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Download -
O Download do CodeIgniter pode ser feito através do site.
https://www.codeigniter.com/download
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
BootStrap
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Bootstrap é um framework front-end que facilita a vida dos desenvolvedores web a criar sites com tecnologia mobile (responsivo) sem ter que digitar uma linha de CSS para “fazer e acontecer”. Não é a toa que o termo “Bootstrap” em inglês significa “inicialização”, algo que possui um ponto de partida.Além disso, o Bootstrap possui uma diversidade de componentes (plugins) em JavaScript (jQuery) que auxiliam o designer a implementar: tootlip, menu-dropdown, modal, carousel, slideshow, entre outros sem a menor dificuldade, apenas acrescentando algumas configurações no código, sem a necessidade de criar scripts e mais scripts.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
CARACTERÍSTICAS -
• Possui uma interface super amigável e moderna;• Atualmente possui uma grande diversidade de temas;• Grande quantidade de plug-ins adaptados ou desenvolvidos para o framework;• Integração com qualquer linguagem de programação;• Sistema responsivo;• Um dos frameworks mais utilizados no desenvolvimento de portais e sistemas do mundo;• Guia de aplicação;• Download facilitado e totalmente FREE!
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Download -
O download do Bootstrap pode ser feito através do site:
http://getbootstrap.com/getting-started/#download
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Prática
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Com o emulador de um servidor instalado (Xampp, Lamp ou Mamp), inicie o Apache.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Agora iremos descompactar o CodeIgniter.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Copiaremos a pasta do CodeIgniter que acabamos de extrair, para a pasta htdocs que que fica localizada dentro do Xampp.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Para testar, abriremos um Navegador e acessaremos o link:http://localhost/CodeIgniter
Se você acessou esta pagina, o CodeIgniter está rodando no nosso servidore estamos na tela inicial padrão do CodeIgniter
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
• Neste mini curso iremos criar um sistema simples de Mercado, que será capaz de cadastrar, editar, atualizar e deletar produtos, marcar um produto como vendido, dentre outras funções e boas práticas.
• Hoje iremos criar um Controller e uma View para os produtos.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Utilizando o Bracktes iremos na pasta Aplication,/Controller e iremos criar um produtos.php, nele terá uma classe com o nome Produto que irá extender de CI_Controller.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Para sempre que acessarmos a pasta produtos sem informa nenhuma pagina especifica,ou seja carregar uma View automaticamente, utilizamos a função index.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Criaremos a View em uma pasta chamada Produtos com o nome de index.php, Irá possuir um simples HTML que utilizará algumas tag do BootStrap.
Para utilizar o BootStrap, iremos descompactar o arquivo do BootStrap e colocar o conteúdo da pasta descompactada na pasta raiz no nosso projeto.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Para realizar um teste acesse o link, http://localhost/CodeIgniter/index.php/Produtos
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Exercício:
Crie uma View chamada meu nome, que irá informa o seu nome e utilize algumas tags do BootStrap para deixar a tela mais amigável.
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
O que acontece se eu tentar acessar o link:http://localhost/CodeIgniter/index.php/produtos/
Criado por: Raniere de Lima
Introdução ao CodeIgniter, Utilização do BootStrap
Referencias: http://www.softerize.com.br/blog/o-que-e-codeigniter/http://www.tutorialwebdesign.com.br/o-que-e-bootstrap/