Slide 02 introdução ao code igniter, utilização do bootstrap

Criado por: Raniere de Lima

Introdução ao CodeIgniter, Utilização do BootStrap

Introdução ao CodeIgniter e Utilização do BootStrap



CodeIgniter



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.



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.



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/

http://www.showthatyouhelp.com/

http://www.attcenter.com/

http://orotoro.com/

http://www.sprintcenter.com/

http://www.gamestack.net/



Download -

O Download do CodeIgniter pode ser feito através do site.

https://www.codeigniter.com/download

https://www.codeigniter.com/download



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.



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!



Download -

O download do Bootstrap pode ser feito através do site:

http://getbootstrap.com/getting-started/#download

http://getbootstrap.com/getting-started/#download



Prática



Com o emulador de um servidor instalado (Xampp, Lamp ou Mamp), inicie o Apache.



Agora iremos descompactar o CodeIgniter.



Copiaremos a pasta do CodeIgniter que acabamos de extrair, para a pasta htdocs que que fica localizada dentro do Xampp.



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



• 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.



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.



Para sempre que acessarmos a pasta produtos sem informa nenhuma pagina especifica,ou seja carregar uma View automaticamente, utilizamos a função index.



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.





Para realizar um teste acesse o link, http://localhost/CodeIgniter/index.php/Produtos





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.



O que acontece se eu tentar acessar o link:http://localhost/CodeIgniter/index.php/produtos/



Referencias: http://www.softerize.com.br/blog/o-que-e-codeigniter/http://www.tutorialwebdesign.com.br/o-que-e-bootstrap/

http://www.softerize.com.br/blog/o-que-e-codeigniter/

http://www.softerize.com.br/blog/o-que-e-codeigniter/

http://www.tutorialwebdesign.com.br/o-que-e-bootstrap/

http://www.tutorialwebdesign.com.br/o-que-e-bootstrap/

Technology

Slide 02 introdução ao code igniter, utilização do bootstrap