Calculadora Full Stack
Inicie com programação do zero focado no full stack development
Development,Web Development,Javascript
Lectures -31
Duration -6 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Se você é um iniciante em programação web e está em busca de uma forma prática e descomplicada de entender como um sistema full-stack funciona, esse curso é indicado para você!
Imagine ser capaz de criar uma calculadora simples que realiza operações básicas como soma, subtração, multiplicação e divisão, e ainda mais, conectá-la a uma API em nuvem, sem a necessidade de desenvolver uma API completa. Parece desafiador? Não se preocupe, neste curso vamos desvendar todos esses mistérios juntos!
Este curso é diferente de qualquer outro, pois utilizamos uma abordagem horizontal, focada no escopo do problema a ser resolvido. Não vamos nos aprofundar em cada tópico de programação, mas sim focar na solução prática. E o melhor de tudo, não é necessário dominar HTML e JavaScript antes de começar. Aprendemos na medida em que avançamos, tornando o conhecimento leve e facilmente assimilável.
Durante a jornada, abordaremos conceitos essenciais de HTML, JavaScript, Mongo Atlas DB, funções como serviço (Functions as a Service) e endpoints RESTful necessários para implementar essa solução. Você terá uma visão abrangente e prática de como essas tecnologias se encaixam e trabalham em conjunto.
Ao final deste curso, você será capaz de criar e conectar uma calculadora funcional, dando os primeiros passos rumo à compreensão de um sistema full-stack.
Goals
- Lógica de programação básica para resolver o problema de uma simples calculadora
- Declaração de Variáveis
- Estruturas condicionais if-else
- Criação de Funções com Javascript
- Implementação das 4 operações básicas com usando Javascript Puro
- Criação de uma API Restful utilizando Mongo Atlas
- Criação de Funções (Function-as-a-service) no Mongo Atlas
- Consumir a API restful por meio do terminal utilizando - curl
- Consumir a API restful por meio do insomnia
- Consumir a API restful por meio do fetch javascript
- Comunicação Front-Back e Back-End
Prerequisites
- O Único requisito é ter instalado no computador o Visual Studio Code, um navegador de internet.
![Calculadora Full Stack Calculadora Full Stack](https://d3mxt5v3yxgcsr.cloudfront.net/courses/15821/course_15821_image.png)
Curriculum
Check out the detailed breakdown of what’s inside the course
Metodologia deste módulo - Horizontal
11 Lectures
-
Metodologia deste módulo - Horizontal 03:59 03:59
-
Iniciando com o IDE Visual Studio Code 15:00 15:00
-
Tags e Atributos 10:06 10:06
-
Tags e Inspetor de elementos 10:07 10:07
-
Iniciando com Javascript 10:30 10:30
-
Introdução a functions 08:21 08:21
-
Introdução ao DOM (Document Object Model) 16:27 16:27
-
Declaração de Variáveis e atribuição de dados 11:03 11:03
-
Tipos de dados nas variáveis 16:47 16:47
-
Exibindo resultado do cálculo em elemento na tela 08:15 08:15
-
Implementando das funções dividir, multiplicar e subtrair 13:26 13:26
Client Side - Introdução a programação web
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Client Side - Refatorando as Functions da Calculadora
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Server Side - Implementando as Functions no Mongo Atlas
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Client Side - Consumindo API pela aplicação web
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Virmerson Bento dos Santos](https://www.tutorialspoint.com/assets/profiles/678425/profile/200_1776135-1693475076.jpg)
Virmerson Bento dos Santos
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)