Minicurso Desenvolvendo um site com Bootstrap e Scriptcase

Nesse minicurso ensinamos como desenvolver um site responsivo com bootstrap e Scriptcase. Mostramos a criação completa, passo-a-passo desde conceitos básicos de HTML, CSS e bootstrap para criação das interfaces até a parte de criação de aplicações e integração do site com o Scriptcase.

Vídeos do minicurso

Introdução - Entendendo as tecnologias que serão utilizadas

Nesta aula você irá aprender a utilizar as linguagens HTML e CSS, aprenderá um pouco sobre como começar a utilizar a biblioteca bootstrap, irá ter uma noção de como criar layouts para os seus sites.

Front-end de um site responsivo

Começaremos desenvolvendo a página inicial do site, desde o básico até o mais complexo, você conseguira ter uma noção ampla sobre algumas classes que a biblioteca bootstrap utiliza, e também irá aprender diversas outras funcionalidades de HTML e CSS.

Formulário de contato responsivo com envio de email

Nessa aula você aprenderá a criar um formulário de contato responsivo, incluindo o envio de e-mail através da classe PHPMailer, com tudo explicadinho, vai aprender a importar fontes do Google Fonts e também vai aprender a criar uma função javascript para efetuar uma troca de imagens conforme o mouse é movimentado em cima do menu, imperdível!

Criando aplicações para gerenciamento do site com o Scriptcase

Nessa aula começamos a desenvolver o back-end do nosso site com o Scriptcase, serve para quem já usa ou pra quem ainda não tem conhece o Scriptcase, que está começando do zero. Explico desde o layout, criação de menus, consultas e formulários, ligações, edições de campos, criação de biblioteca interna e alteração no layout do sistema gerado.

Integrando aplicações do Scriptcase ao site

Nesta última aula, ensinamos a adicionar o módulo de segurança no nosso sistema e a publicar as aplicações, gerando um zip com o conteúdo. Uma vez publicado, iremos mostrar a integração do sistema com o site responsivo e finalmente concluir a página de produtos, utilizando a paginação do bootstrap, buscando imagem do banco de dados e acrescentando no "href", e por fim criar a tabela de postagens que foi criada na segunda aula.