Devslopes by Mark Price

Desenvolvimento Web Fullstack: Como criar um site com HTML e mais!

Um tutorial de desenvolvimento com HTML, CSS, Bootstrap 4, ES6, React e Node

16,287 enrolled

Popular

Gratuito $36.65

Limited time offer.

assistindo agora

239 Alunos

Descrição

Torne-se um ninja Full Stack em semanas! Com este tutorial fácil de seguir online, você pode ir do nível iniciante com nenhuma experiência de desenvolvimento em HTML, CSS, JavaScript, Bootstrap 4, ES6 e Node para um desenvolvedor web completo! Este tutorial vai te ensinar todos os tópicos fundamentais do desenvolvimento web Full Stack que você sempre esteve ansioso para aprender!

Se você está procurando por um pontapé inicial para começar uma carreira de freelancer como desenvolvedor full stack Whether you’re looking to take start a freelancing career as a full stack developer ou deslumbrar nas entrevistas de emprego com um portfólio maravilhoso de vários projetos de desenvolvimento de sites, este tutorial pode te ajudar a alcançar isso e muito mais!

Quem pode fazer este curso?

O desenvolvimento Full Stack é para qualquer um

Para iniciantes completos, para gatos curiosos, adolescentes, estudantes, empreendedores e até mesmo para desenvolvedores web full stack junior, este curso foi criado para qualquer um que tenha interesse em ter as primeiras noções do desenvolvimento web.

Este tutorial começa te situando de todas as bases da criação de um website usando HTML e CSS. e então ele se aprofunda mais em ensinar como programar seu primeiro site usando JavaScript, Bootstrap 4, React, Node, Mongo e APIs Rest. Ao final do curso, você será capaz de ir de websites simples á desenvolver alguns mais complexos como os que são usados para companhias de leading na indústria de tecnologia.

Começando com o desenvolvimento Web Full Stack

Porque aprender desenvolvimento web?

O desenvolvimento web ainda é uma das habilidades mais quentes no mercado de trabalho. Com uma média anual de $70,000 para desenvolvedores junior, desenvolvedores web Full-stack estão certamente em alta demanda!

A melhor parte de ser um Full Stack é a oportunidade de decidir se você quer trabalhar comente focando no front-end, back-end ou UI/UX. Enquanto o design Front-end design e UI/UX te dão as habilidades necessárias para criar sites usando HTML e CSS, o back-end te permite desenvolver sites com outras linguagens de programação.

Este tutorial tem uma abordagem simplificada para te guiar nos conceitos principais de desenvolvimento web full stack e ensina como construir seu primeiro site. Cada tópico vem com um projeto que você pode adicionar ao seu portfólio após tê-lo completado. A melhor parte é que, você pode aprender no seu ritmo!

Conteúdo do curso

Este curso vai cobrir os tópicos de front-end e back-end incluindo a versão mais atualizada do HTML e CSS que são HTML5 e CSS3, JavaScript e as bibliotecas JS como a tão popular React e ES6, Node e jQuery. Você vai aprender também a manipulação do DOM, MongoDB, API REST e muito mais.

Conteúdo extra

Sala de discussões da comunidade

Você não precisa ir sozinho na sua jornada para se tornar um desenvolvedor web Full Stack! Este tutorial te dá suporte de uma comunidade incrível de mais de 50 mil aprendizes. Você pode perguntar sobre todas as suas dúvidas mais cabeludas aqui, e alguns aprendizes estarão disponíveis para te dar uma resposta.

A sala de discussões da comunidade está disponível 24 horas por dia e o administrador vai estar disponível para responder todas as suas perguntas sobre o curso. Você também pode reportar qualquer problema técnico que você encontrar.

Nunca houve um tempo melhor para aprender sobre desenvolvimento de sites! Comece sua jornada de desenvolvedor web full stack agora mesmo! Sem necessidade de conhecimento prévio ou experiência com programação para começar este curso.

Mostrar mais Mostrar menos

O que você vai aprender?

Como construir sites com HTML e CSS Como trabalhar com bases de dados NoSQL como MongoDB Como construir sites mobile-friendly(ajustáveis para celulares e tablets) com Bootstrap 4 & CSS Como construir o backend dos servidores & APIs com Node e Express Como construir aplicações web completas com o framework do facebook React

Requisitos

Um PC com Windows ou MacOS Conexão com a internet

NFT Certificate

126 Lições

Iniciante

English

4.5 Avaliação

+100 XP

Share Course on Social media

Grade Curricular do Curso

Course consist of total 25h 42m of content, in total.

Seção 1: Introdução ao desenvolvimento web

56:53

Instalando uma IDE

HTML - Construindo seu primeiro site

Introdução ao HTML, HEAD, BODY e HEADER

HTML - Listas, parágrafos e estilos de texto

07:59

HTML - Mostrando dados com tabelas

07:38

HTML - imagens & formulários

12:21

Seção 2: Introdução ao CSS

1:27:35

Como usar CSS inline, internos e externos

08:57

CSS: Seletores Elemento, ID & Classes

10:36

CSS: Cores

14:18

CSS: Fundo & bordas

10:33

Usando as ferramentas de inspeção do navegador

13:31

CSS: Combinações

05:31

CSS: Agrupamento

05:32

CSS: Especificando

15:15

Seção 3: CSS Intermediário

1:01:06

CSS: Estilos de texto & formatação

20:14

CSS: Fontes do Google

08:15

CSS: Imagens

09:49

CSS: Padding & margin

09:42

CSS: Linhas & colunas

13:06

Seção 4: CSS avançado: Construindo e estilizando o seu website

3:20:52

CSS: Introdução a “Construindo seu primeiro site”

01:15

CSS: Construindo a barra de navegação

22:48

CSS: Tornando a barra de navegação responsiva para mobile - Parte 1

11:00

CSS: Tornando a barra de navegação responsiva para mobile -

23:44

Parte 2 CSS: Criando o Form Group

30:47

CSS: Trabalhando com os iframes

22:17

CSS: Trabalhando com imagens e caixas de sobra

42:35

CSS: Trabalhando com textos e espaçamento de imagens

28:25

CSS: Construindo o rodapé

18:01

Seção 5: Aprendendo a programar com JavaScript

3:21:03

Tá na hora do JavaScript

08:50

Referências em JavaScript

04:21

JavaScript: Comentários e como linkar scripts

07:44

JavaScript: Variáveis & strings JavaScript: Números

12:57

Javascript: Numbers

08:03

JavaScript: Operadores de comparação

15:40

JavaScript: Operadores Lógicos

15:19

Javascript: Arrays

16:16

Javascript: Loops

14:22

JavaScript: Funções

22:19

JavaScript: Objetos

27:05

Javascript: Bind

08:30

Calculadora de Porcentagens - Configurando o Form

07:56

Calculadora de Porcentagens - Obtendo elementos com JavaScript

10:38

Calculadora de Porcentagens - Usando Event Listeners

12:54

Calculadora de Porcentagens - Algoritimo & Prevent default

08:09

Seção 6: Controle de versão com o GIT

1:27:32

Git & controle de versão - De um jeito divertido

11:59

Terminal Básico - Mudando os diretórios

06:07

Terminal Básico - Copiando & renomeando arquivos

08:57

Terminal Básico - Criando diretórios & arquivos

04:30

Terminal Básico - Deletando arquivos & diretórios

06:01

Básico de Git

17:16

Configurando Github no MacOS

04:36

Pastas Locais & Remotos

11:14

Trabalhando com os conflitos do Git merge

16:52

Seção 7: Introdução do Bootstrap 4

41:30

O que é Bootstrap 4?

03:12

Baixando o Bootstrap 4

03:04

Bootstrap 4: Configurando o projeto

07:15

Bootstrap 4: Visão geral dos componentes do Bootstrap

05:57

Bootstrap 4: Entendendo as classes do Bootstrap

03:15

Bootstrap 4: Usando o sistema de grade

18:47

Seção 8: Bootstrap 4: Criando um Portal de Login

1:05:19

Visão geral do Projeto

02:05

Bootstrap 4 Cartões: Criando a caixa de inscrição do portal

19:36

Bootstrap 4 Formulários: Adicionando os campos de entrada

16:38

Bootstrap 4 Botões: Adicionando os botões de entrada e rótulos

18:31

Bootstrap 4 Grades: Finalizando a compatibilidade com dispositivos móveis

08:29

Seção 9: Bootstrap 4: Website Skate or Die

2:12:33

Bootstrap 4: Introdução ao Skate or Die

01:16

Bootstrap 4: Trabalhando com Navbars

10:32

Bootstrap 4: Usando carrosseis

23:15

Bootstrap 4: Linhas internas & colunas

20:55

Bootstrap 4: Modals

16:11

Bootstrap 4: Adicionando imagens e botões

18:58

Bootstrap 4: Dimensionando Modals

18:19

Bootstrap 4: Construindo o Rodapé

07:34

Bootstrap 4: Trabalhando com os ícones do Font Awesome

15:33

Seção 10: Sass para Iniciantes

3:32:02

Introdução ao Sass

01:10

O que é Sass

08:02

Como instalar o Sass e compilar ele ao seu CSS

11:46

Seu primeiro site com Sass

29:47

Ferramentas para iniciantes para compilar Sass

06:44

Como estruturar seu Sass

14:44

Parciais Sass: Manipulando regras de estilo

07:15

Variáveis Sass e Imports: Crie uma folha de estilo limpa e escalável

20:53

Sass Mixins: Economize tempo & recicle estilos

11:56

Sass Extends: compartilhe as propriedades de estilo entre outros seletores

06:18

Projeto Final: Introdução para nossa Landing Page

01:00

Projeto Final: Configurando nossas Variáveis

15:22

Projeto Final: Estilizando nossa Navbar com Sass

11:05

Projeto Final: Criando o container do banner

03:19

Projeto Final: Adicionando conteúdo para nosso container do banner

10:25

Projeto Final: Fazendo uma rápida limpeza em nossos arquivos Sass

04:24

Projeto Final: Usando o método Extend

05:03

Projeto Final: Estilizando um separador se sessão com Sass

05:02

Projeto Final: Usando mixins avançados

21:15

Projeto Final: Estilizando o próximo container com Sass

05:51

Projeto Final: Terminando nossa Landing Page, Parabéns!

10:41

Seção 11: Introdução ao Node, Mongo & APIs REST

3:22:49

Entendendo as requisições web

17:12

Instalando o Node no MacOS

07:49

Tudo sobre Json

10:40

Básico de Node

09:23

Módulos Node

05:39

Construindo sua primeira API

16:58

Postman, requesições GET & POST

19:23

Parâmetros de URL & deletar requisições

18:16

Instalando o MongoDB no MacOS

05:41

Trabalhando com Mongo Shell

12:18

Buscando por documentos

08:04

Deletes & Documentação

04:24

API loja Swag: Criação de Projeto

10:09

API loja Swag: Criando os Modelos

14:41

API loja Swag: Postando Produtos

12:55

API loja Swag: Encontrando produtos

09:56

API loja Swag: Populando com dados

19:21

Seção 12: Introdução ao React

3:13:42

Loja Swag: Configurando a aparelhagem do React

18:58

Loja Swag: Instalando o Bootstrap

11:28

Loja Swag: Configurando a API

06:26

Loja Swag: Criando um serviço HTTP

19:01

Loja Swag: Promessas com ES6 & React

12:20

Loja Swag: Componentes em React - Produtos do Website

13:48

Loja Swag: Props com React

11:01

Loja Swag: Trabalhando com State no React

13:46

Loja Swag: Criando um componente de lista de desejos

24:50

Loja Swag: Criando um serviço de dados único

11:23

Loja Swag: Criando um serviço de notificação

13:09

Loja Swag: Postando as notificações nos componentes do React

07:31

Loja Swag: Observando notificações com React

13:47

Loja Swag: Finalizando nossa aplicação Full Stack com React

16:14

Course reviews

Shivam K.

17 May, 2020

M L T.

19 January, 2020

Robert Nana S.

12 October, 2019

Preston L.

13 November, 2018

Samuel M.

19 September, 2018

EXCLUSIVE OFFER: GET 25% OFF

Save Big With DataCamp Promo Code

Days

Hours

Minutes

Seconds

GET 25% OFF