Image for post
Image for post

Olá, vamos falar de coisa boa? Tekp… ops, não, melhor não, vamos dar continuidade à nossa série e nesse artigo vamos abordar 2 temas, Eventos e Rotas, para começar vamos colocar o nosso menuzinho do modo responsivo para funcionar sem utilizar a lib bootstrap.js, pois por enquanto a única coisa que queremos do Bootstrap é o css/sass e isso já está configurado e funcionando perfeitamente no nosso projeto.

Image for post
Image for post

Antes de começarmos entender o que é preciso codificar para fazer esse link funcionar é preciso entender como o bootstrap faz isso, como ele faz pra abrir o dropdown com os links do nosso menu, e se você ainda não teve a curiosidade de saber como isso funciona vai ficar espantado, a única coisa que o evento click faz é adicionar uma class in na #navbar, essa classe in acaba controlando o efeito collapse…


Image for post
Image for post

Eu acabei fazendo algumas modificações na estrutura SASS do nosso projeto, pois no artigo passado colocamos um estilo para ajustar nossa página e seus elementos, porém isso foi colocado no arquivo app.scss e a ideia é que esse arquivo não receba nenhum código diretamente, somente importe outros arquivos .scss, sendo assim criei um arquivo src/assets/sass/layout/_custom.scss e movi aquele bloco de código scss que estava em app.scss para lá.

Image for post
Image for post

Também instalei o Font-Awesome no projeto, isso vai nos dar uma gama de ícones maior para que possamos enriquecer a experiência visual do nosso projeto, para instala-lo basta roda:

$ npm install — save-dev…


Image for post
Image for post

Olá, aqui estamos com mais um artigo, e a produção está a todo vapor. Estou aproveitando esses artigos para colocar no papel (tela) o resultado dos estudos, sendo assim, qualquer sugestão ou crítica é extremamente bem vinda.

Nesse artigo vamos definir nossa shell de aplicativo ou app shell, provavelmente você deve estar estranhando esse termo, ou no mínimo achando curioso, um shell de aplicativo nada mais é que o esqueleto principal da aplicação, composto pela pagina principal, menus de navegação e área de conteúdo/view (onde nossas página serão carregadas), app shell é uma abordagem corriqueira em aplicação SPA principalmente em Progressive Web App (PWA), onde essa estrutura principal é cacheada e pode ser carregada sem a real necessidade de uma rede (dependendo do contexto, claro). …

About

Web Developer de paixão, cientificamente curioso e viciado em cafeína (mas não tomo café).

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store