SlideShare uma empresa Scribd logo
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
Criado por: Raniere de Lima
CodeIgniter
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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/
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Download -
O Download do CodeIgniter pode ser feito através do site.
https://www.codeigniter.com/download
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
BootStrap
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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!
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Download -
O download do Bootstrap pode ser feito através do site:
http://getbootstrap.com/getting-started/#download
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Prática
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Com o emulador de um servidor instalado (Xampp, Lamp ou Mamp), inicie o
Apache.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Agora iremos descompactar o CodeIgniter.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Copiaremos a pasta do CodeIgniter que acabamos de extrair, para a pasta htdocs que
que fica localizada dentro do Xampp.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Para testar, abriremos um Navegador e acessaremos o link:
http://localhost/CodeIgniter
Se você acessou esta pagina, o CodeIgniter está rodando no nosso servidor
e estamos na tela inicial padrão do CodeIgniter
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
• 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.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Para sempre que acessarmos a pasta produtos sem informa nenhuma pagina especifica,
ou seja carregar uma View automaticamente, utilizamos a função index.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Para realizar um teste acesse o link,
http://localhost/CodeIgniter/index.php/Produtos
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
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.
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
O que acontece se eu tentar acessar o link:
http://localhost/CodeIgniter/index.php/produtos/
Introdução ao CodeIgniter,
Utilização do BootStrap
Criado por: Raniere de Lima
Referencias:
http://www.softerize.com.br/blog/o-que-e-codeigniter/
http://www.tutorialwebdesign.com.br/o-que-e-bootstrap/

Mais conteúdo relacionado

PPTX
Slide 01 introdução ao php e ao code igniter
PPTX
Slide 04 adicionando usuários e conhecendo o auto load
PPTX
Slide 03 conectando no banco de dados, criação de helpers
PPTX
Slide 07 editando produto selecionando e excluindo produto
PDF
Desenvolvimento de Módulos Divi Builder
PDF
Angular js
PPTX
Rich faces
PPTX
Treinamento Básico Sobre ASP.NET MVC
Slide 01 introdução ao php e ao code igniter
Slide 04 adicionando usuários e conhecendo o auto load
Slide 03 conectando no banco de dados, criação de helpers
Slide 07 editando produto selecionando e excluindo produto
Desenvolvimento de Módulos Divi Builder
Angular js
Rich faces
Treinamento Básico Sobre ASP.NET MVC

Mais procurados (20)

ODP
Criando um Web Service Restful com Jersey, Eclipse, JBoss, Tomcat, WebSphere
PDF
Desenvolvimento Front end (AngularJS e Bootstrap)
PPT
Desenvolvendo aplicações web com o framework cakephp
PDF
Como criar um plugin para WordPress
KEY
Python 07
PDF
Aula 07 acessibilidade
PDF
Apresentando o Yii Framework
PDF
Iniciando com Yii Framework - Volmar Machado da Silva Neto (Rede Pampa de Com...
PDF
Ionic 2/3 + Firebase
PDF
Apostila java
KEY
Python 06
DOC
Como criar interfaces gráficas com android
PPTX
jQuery e ASP.Net MVC a dupla dinâmica
PDF
ViewModel Android, Como Utilizar Este Componente de Arquitetura
PDF
Rails na prática
PPTX
CakePHP - Configurando o ambiente de desenvolvimento no Windows
PPTX
Grails
PDF
ASP.NET MVC - Alexandre Tarifa
PDF
RubyConfBr 2015 - Rails & Javascript: faça isso direito
PDF
Android: Avaliação do Pré-projeto Agenda Cultural
Criando um Web Service Restful com Jersey, Eclipse, JBoss, Tomcat, WebSphere
Desenvolvimento Front end (AngularJS e Bootstrap)
Desenvolvendo aplicações web com o framework cakephp
Como criar um plugin para WordPress
Python 07
Aula 07 acessibilidade
Apresentando o Yii Framework
Iniciando com Yii Framework - Volmar Machado da Silva Neto (Rede Pampa de Com...
Ionic 2/3 + Firebase
Apostila java
Python 06
Como criar interfaces gráficas com android
jQuery e ASP.Net MVC a dupla dinâmica
ViewModel Android, Como Utilizar Este Componente de Arquitetura
Rails na prática
CakePHP - Configurando o ambiente de desenvolvimento no Windows
Grails
ASP.NET MVC - Alexandre Tarifa
RubyConfBr 2015 - Rails & Javascript: faça isso direito
Android: Avaliação do Pré-projeto Agenda Cultural
Anúncio

Destaque (11)

PPSX
Trabajo final informatica
DOCX
Nelly Resume 2016
PDF
Instructions on getting started with your webinar
PDF
Plantronics - Call Center - Comfort Infographic
PDF
Terzic and Maxon et al., 2016
PDF
Incentive to Kiev, Ukraine
DOC
Amy DeCelle Let's Make A Difference
DOC
sameh cv 2
PDF
Руководство по использованию айдентики финансовой группы 38
PDF
Building Management System BMS Introduction
PDF
071 SPC0413
Trabajo final informatica
Nelly Resume 2016
Instructions on getting started with your webinar
Plantronics - Call Center - Comfort Infographic
Terzic and Maxon et al., 2016
Incentive to Kiev, Ukraine
Amy DeCelle Let's Make A Difference
sameh cv 2
Руководство по использованию айдентики финансовой группы 38
Building Management System BMS Introduction
071 SPC0413
Anúncio

Semelhante a Slide 02 introdução ao code igniter, utilização do bootstrap (20)

PDF
Análise sobre a utilização de frameworks em PHP: CakePHP, CodeIgniter e Zend
PPTX
Infoeste 2014 - Desenvolvimento de um CMS com Codeigniter Framework(PHP)
PDF
JHipster - Produtividade e Maturidade em suas mãos
PPTX
Testes automatizados.pptx
PPT
Mini curso JBC
PDF
UiPath Community - UiPath Coded Automation.pdf
PPTX
T@rget trust asp.net avançado
PPTX
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
PPT
CEPUG 2 - Bem-vindo a Framework CodeIgniter
PDF
Software livre - Parte 3
PDF
Modulo python Configurando o Django ebac.pdf
PPT
Minicurso code igniter aula 2
PDF
Aula 1 ASP.NET Core com arquitetura MVC
PPTX
Introdução ao desenvolvimento front end usando bootstrap e angular js
PDF
Carrefour E-commerce - Multicloud Brasil Day 2017
ODP
Minicurso de Cakephp
PDF
Soujava -construindo_ap_is_com_a_open_api_spec_e_java
PPTX
Hello world hybrid apps oportunidades com ionic framework v2
PDF
PHP: Como não programar em POG
PPTX
Keynote Visual Studio Summit 2016
Análise sobre a utilização de frameworks em PHP: CakePHP, CodeIgniter e Zend
Infoeste 2014 - Desenvolvimento de um CMS com Codeigniter Framework(PHP)
JHipster - Produtividade e Maturidade em suas mãos
Testes automatizados.pptx
Mini curso JBC
UiPath Community - UiPath Coded Automation.pdf
T@rget trust asp.net avançado
Minicurso - Desenvolvendo aplicações web com JavaScript e AngularJS - Estácio...
CEPUG 2 - Bem-vindo a Framework CodeIgniter
Software livre - Parte 3
Modulo python Configurando o Django ebac.pdf
Minicurso code igniter aula 2
Aula 1 ASP.NET Core com arquitetura MVC
Introdução ao desenvolvimento front end usando bootstrap e angular js
Carrefour E-commerce - Multicloud Brasil Day 2017
Minicurso de Cakephp
Soujava -construindo_ap_is_com_a_open_api_spec_e_java
Hello world hybrid apps oportunidades com ionic framework v2
PHP: Como não programar em POG
Keynote Visual Studio Summit 2016

Último (11)

PPTX
Tipos de servidor em redes de computador.pptx
PPTX
Eng. Software - pontos essenciais para o início
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPTX
Design - Introdução a Gestalt e teoria das formas
PPTX
Utilizando code blockes por andre backes
Tipos de servidor em redes de computador.pptx
Eng. Software - pontos essenciais para o início
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Viasol Energia Solar -Soluções para geração e economia de energia
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Manejo integrado de pragas na cultura do algodão
Arquitetura de computadores - Memórias Secundárias
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Design - Introdução a Gestalt e teoria das formas
Utilizando code blockes por andre backes

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

  • 1. Introdução ao CodeIgniter, Utilização do BootStrap Introdução ao CodeIgniter e Utilização do BootStrap Criado por: Raniere de Lima
  • 2. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima CodeIgniter
  • 3. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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.
  • 4. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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.
  • 5. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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/
  • 6. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Download - O Download do CodeIgniter pode ser feito através do site. https://www.codeigniter.com/download
  • 7. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima BootStrap
  • 8. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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.
  • 9. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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!
  • 10. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Download - O download do Bootstrap pode ser feito através do site: http://getbootstrap.com/getting-started/#download
  • 11. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Prática
  • 12. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Com o emulador de um servidor instalado (Xampp, Lamp ou Mamp), inicie o Apache.
  • 13. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Agora iremos descompactar o CodeIgniter.
  • 14. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Copiaremos a pasta do CodeIgniter que acabamos de extrair, para a pasta htdocs que que fica localizada dentro do Xampp.
  • 15. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Para testar, abriremos um Navegador e acessaremos o link: http://localhost/CodeIgniter Se você acessou esta pagina, o CodeIgniter está rodando no nosso servidor e estamos na tela inicial padrão do CodeIgniter
  • 16. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima • 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.
  • 17. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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.
  • 18. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Para sempre que acessarmos a pasta produtos sem informa nenhuma pagina especifica, ou seja carregar uma View automaticamente, utilizamos a função index.
  • 19. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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.
  • 20. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima
  • 21. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Para realizar um teste acesse o link, http://localhost/CodeIgniter/index.php/Produtos
  • 22. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima
  • 23. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima 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.
  • 24. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima O que acontece se eu tentar acessar o link: http://localhost/CodeIgniter/index.php/produtos/
  • 25. Introdução ao CodeIgniter, Utilização do BootStrap Criado por: Raniere de Lima Referencias: http://www.softerize.com.br/blog/o-que-e-codeigniter/ http://www.tutorialwebdesign.com.br/o-que-e-bootstrap/