¿Cómo ser autodidacta? Introducción al desarrollo web.

Overview

Introducción al desarrollo web 👨‍💻 🥇

Me puse como objetivo crear una serie de posibles pasos a seguir para poder introducir a alguien al desarrollo web mediante una serie de contenidos que permitan al usuario ser capaz de desempeñarse de forma autodidacta. :).

Para lograr esta tarea deberemos aprender e introducirnos en una serie de distintos lenguajes que van a servirnos para este fin, el desarrollo web. En primer lugar, vamos a ver de que manera se estructuran paginas web, como hacer cada parte de una pagina web. HTML es un lenguaje de marcado de hipertexto que va a ayudarnos con esa tarea. Una vez el esqueleto de la pagina este colocado podemos ocuparnos de darle un poco de estetica, colores, bordes, etcetera. Esto lo vamos a lograr con las hojas de estilo en CSS. Finalmente nos adentraremos en la programacion para darle funcionalidad a nuestro ya estilizado sitio.

A pesar de esta extensa introduccion, mi recomendacion personal es investigar tambien uno mismo los contenidos, detenerse a intentar las cosas, buscar mas recursos y nutrirse de varios sitios. Cuando leemos o vemos un contenido como este creemos que entendemos, y efectivamente, tal vez entendemos lo que vemos/oimos, sin embargo, cuando hacemos, aprendemos.

step contenido link
introducción Introducción. ir
Editor de texto Instalación de editor de texto: VS CODE ir
HTML Introducción a HTML. Etiquetas. Tipos de etiquetas. Estructuración básica. Concepto de HTML semántico. Errores comunes. ir
CSS Introducción a CSS. Estructura. Selectores. Especificidad. Unidades. Propiedades de texto. Tipografias externas. Normalize. Display. Propiedades de caja. Outline. ir
Fundamentos de programación ir
Javascript ir
Bases de datos ir
Node JS ir
Express JS ir
React JS ir
Typescript ir

Dedicado a Natalí Machaca

You might also like...

A AfirmaJobs é uma plataforma de divulgação de vagas voltadas para a diversidade e inclusão. A aplicação foi desenvolvida como projeto final do curso bootcamp da Reprograma

A AfirmaJobs é uma plataforma de divulgação de vagas voltadas para a diversidade e inclusão. A aplicação foi desenvolvida como projeto final do curso bootcamp da Reprograma

AFIRMAJOBS Este projeto é resultado do Bootcamp Back-End - Todas em Tech - { reprograma } Justificativa Grupos historicamente minorizados – população

Dec 13, 2022

O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.

  O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.

MKS front-end Descrição O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos f

Jul 21, 2022

El repositorio de cheatsheets de TIC. Pensado para que los alumnos puedan utilizar a la hora de programar como "ayudamemorias".

El repositorio de cheatsheets de TIC. Pensado para que los alumnos puedan utilizar a la hora de programar como

Cheatsheets de TIC Este es el repositorio de la web de cheatsheets de TIC. Para acceder a la web hacer click acá. ¿Cómo hago un cambio? ¿Mi cambio tie

Nov 10, 2022

sistema de bate ponto para os aprendizes da brisa, usando Angular no frontend, golang no backend e postgresql como banco.

Migule Points Este projeto tem o intuito de automatizar a frequência dos aprendizes da brisanet, usando Angular no front, Golang no backend e postgres

Sep 26, 2022

Projeto desenvolvido como desafio técnico para uma vaga de estágio

Crud - Lista de Tarefas com React Sobre • Funcionalidades • Dependências • Como executar • Licença 📑 Sobre o projeto Projeto desenvolvido como teste

Oct 14, 2022

Projeto Integrador Motive foi desenvolvido sobe a ODS 3 da ONU, a onde elaboramos uma desafiadora missão de como fazer um mundo melhor até 2030

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

Dec 13, 2022

Chat app using Azure Web PubSub, Static Web Apps and other Azure services

Chat app using Azure Web PubSub, Static Web Apps and other Azure services

Chatr - Azure Web PubSub Sample App This is a demonstration & sample application designed to be a simple multi-user web based chat system. It provides

Dec 31, 2022

A pure JavaScript Web Page to retrieve real-time OTP through a web page and generate/scan QR codes.

A pure JavaScript Web Page to retrieve real-time OTP through a web page and generate/scan QR codes.

2FA-Solver A pure JavaScript Web Page to retrieve real-time OTP through a web page and generate/scan QR codes. It can be used as an offline web page b

Dec 7, 2022

This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 25, 2021
Owner
Felipe Nahuel Delicia
web developer, student of the computer science career (Universidad de Buenos Aires).
Felipe Nahuel Delicia
Agreador de info de libros sobre Desarrollo y Programación

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Carlos Azaustre 13 Feb 23, 2022
Welcome To Amru Ser Wa Bot🙂. Tnx to ABUSER❤️

Project created by AMRU-SER to make it public | © | Reserved | Setup Click Instagram logo to follow this page ?? Simple Method The Hard Method GET QR

null 41 Jan 1, 2023
Arquitetura que possa vir a ser utilizada para um micro serviço em nodejs com nestjs e typescript

Descrição Exemplo prático de uma API desenvolvida em NodeJs com NestJs e Banco de Dados Postgres Instalação Instalando as dependencias $ npm install

Vinicius Barbosa Honorio 2 Jan 11, 2022
Um timer feito para ser usado para cronometrar os intevralos entre as aulas da Trybe, desenvolvido em Electron

electron-quick-start Clone and run for a quick way to see Electron in action. This is a minimal Electron application based on the Quick Start Guide wi

VICTOR GABRIEL RODRIGUES LINS 2 Nov 27, 2022
Projeto de Final de Módulo da Resilia, curso de Web Dev Full Stack, utilizando como base Node.js e Javascript.

?? API Transportadora Projeto de encerramento do módulo 4 da Resilia Educação. O objetivo é desenvolver uma API Rest de uma transportadora. ?? Pré-req

null 5 Mar 26, 2022
Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máximo de criatividade possível😜

Steck Cars Demonstração : Sobre Projeto realizado como meio de aprendizado do Front-End e do Bootstrap. Tentei testar algumas animações e expor o máxi

Victor Henrique 1 Jan 10, 2022
promiseTimeout es como un setTimeout cualquiera, con la diferencia de que retorna una promesa

promiseTimeout es como un setTimeout cualquiera, con la diferencia de que retorna una promesa. Lo que permite un mejor manejo de la asincronía.

Jose Zambrano 4 Nov 4, 2022
Essa API tem como objetivo auxiliar na produção de documentação de métodos e design packs, fornecendo de maneira visual a documentação de cores para api's

DocColors-API Essa API tem como objetivo auxiliar na produção de documentação de métodos e design packs, fornecendo de maneira visual a documentação d

Yhan Nunes 6 Feb 4, 2022
Breve explicacion de Mongoose, asi como un codigo con las operaciones CRUD

Introduccion a Mongoose ¿Qué es MongoDB? MongoDB es una base de datos NoSQL (Not Only SQL) y por ende no relacional que es utilizado para proyectos we

Jair León 9 Mar 17, 2022
Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma locadora de filmes fictícia.

gamabuster Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma lo

Délio Costa 3 May 18, 2022