100xDevs Cohort 3.0 Web Dev + Devops 100xdevs Coorte 3.0 por Harkirat Singh. Este repositório contém
live class/lecture codes, lecture assignments, assignment solutions, links to notes/slides link, some good relevant articles/blogs linkpara cada palestra e uma lista de todos os tópicos abordados na classe, organizada palestra para ajudá-lo.
Escreva os seguintes comandos no seu terminal para clonar este repositório, para que você possa executar este projeto localmente.
git clone https://github.com/Bharat2044/100xDevs-Cohort3-WebDev-and-Devops.git ? Note: Clique no sinal de seta para expandir para ver cada tópicos em detalhes com o link.
Topics Covered:HTML Basic - Tags, Attributes, title, body, div, span, h1-h6, b, i, u, br, a, center, img, input, button... & CSS Basic - inline css, external css, color, background-color, selectors, class, id, font-size, font-weigth, border, padding, margin, flexbox... & Build some part of VS Code Landing Page .
Topics Covered:JavaScript Basic - Interpreted, Compiled Time Language, Dynamically Typed, Single threaded, Multithreading, Garbage collector, JavaScript Synatx, Variables, var, let, const, datatypes, numer, string, boolean, operators, functions, if/else, loops, objects, arrays, array of objects, object of objects, problem solving and solved assignment problems.
Topics Covered: Instalação de código VS e HTML BASIC- Tags, atributos, título (H1-H6), div, span, título, corpo, cabeça, P, IMG, A, entrada, botão, B, BR, Center ... e CSS BASIC-Pont- WEFT, CSS, ID, classe, seletor, mar, cor de fundo, Back-Sal-Size, FONT-WEFT, PAD, ID, classe, seletor, mar, colorido de fundo, fundo de fundo, calça-calda, fã-fump, S-Shadow, Float, Flexbox e construa uma parte da página de pouso de Zerodha .
Topics Covered:código síncrono e assíncrono, operações pesadas de E/S, módulo FS, fs.readfile, fs.readfilesync, tarefas ligadas a E/S vs tarefas ligadas à CPU, argumentos funcionais, retornos de chamada, Settimeout, pilha de chamadas ... e resolva alguns problemas.
Topics Covered:classe e objeto, data e mapa, retorno de chamada, Settimeout, Promise Class, criando uma versão promisificada do fs.readfile e resolva alguns problemas.
Topics Covered:instalação do Node.js, comando Linux Basic e Avançado (CD, PWD, LS, Touch, Mkdir, RM, MV, Cat, CP, Chmod, Echo, Cabeça, Tail, | WC, Grep, Histórico), Bash Script, Vim Editor, How To Solvent Solve, Solve Basic CSS, CSS, CSS, CSS, CSS), Bash Scripts, Vim Editor, How To Solvent Solve Solve ASYNC/AWAIT, versão promissida do ReadFile usando async/aguarda e resolveu alguns problemas
Topics Covered:o que é Dom, por que DOM, HTML estático, HTML dinâmico, elementos buscando (QuerySelector, QuerySelectorAll, GetElementById, GetElementByClassName, GetElementsByClassName, Atualizando elementos (Create Stop Watch), elementos deletados (removechild), adição de elementos.
Topics Covered:manipulação complexa de DOM, frontend derivado de estado, renderização derivada do estado, componente, variável de estado, renderização e criação de aplicativos simples de TODO com funcionalidade de add, atualizar e excluir.
Topics Covered:o que é Node.js, V8 Engine, Bun JavaScript Runtime, Node.js Project, NPM, Módulo de Galk, Pacotes Internos e Externos,package.json&package-lock.jsonFile e resolveram alguns problemas.
Topics Covered:protocolos HTTP, modelo de resposta de solicitação, portas, métodos (get, post, put, excluir), resposta, código de status (2xx, 3xx, 4xx, 5xx), corpo, rotas, cabeçalhos, clientes (navegador e postman) e criaram nosso primeiro servidor HTTP usando o Express.
Topics Covered:O que e por que expressar?, Crie o Código de Status HTTP usando o Express, Solicle Methods (Get, Post, Put, Delete) (200, 404, 500, 411, 403), crie back -end do jogo hospitalar. O que e por que o middleware é? e resolveu alguns problemas.
Topics Covered:recapitular na semana passada (nome de domínio/ip, porta, métodos, texto simples vs json vs resposta html, códigos de status, corpo, rotas, expresso), cabeçalhos, buscar API no navegador, axios, parâmetros de consulta, criando nosso próprio servidor http usando expresso.
Topics Covered:O que e por que os médios e como funciona?, Rota os usuários médios específicos, em linha e os médios globais, comumente usados Middlewares (express.json(),bodyParser.json()),CORS- Compartilhamento de recursos cruzados, por que os CORS? e resolveu alguns problemas.
Topics Covered:Git & Github em detalhes, funções de seta, mapa (), redução (), busca de API, biblioteca Axios, obter, postar, colocar, excluir a solicitação e resolver problemas SOM.
Topics Covered:O que é autenticação?, Auth Workflow, crie um aplicativo Express, tokens e JWT (JSON Web Tokens) Autenticação, Tokens vs JWTs, Cabeçalho de Autorização.
Topics Covered:revisão da semana 6.1, middleware de autenticação, solicitação de logger, localStorage, conectando front -end com back -end para auth app ...
Topics Covered:JWT, AUTH, Tokens, Sign (), Decode (), Verify () MOTELHO DE ERRO DE MÉTODO usando o bloco Try/Catch, Validação de entrada usando ZOD, instalação do MongoDB e resolveu alguns problemas.
Topics Covered:O que é autenticação?, Auth Workflow, crie um aplicativo Express, tokens e JWT (JSON Web Tokens) Autenticação, Tokens vs JWTs, Cabeçalho de Autorização.
Topics Covered:recapitulação da semana 7.1, o que é hash e por quê?, Salga, algoritmo BCRYPT, manuseio de erros usando a validação de entrada e entrada usando zod, ANS resolvidos Signin e Signup termines.
Topics Covered:criou alguns back-end de umCourse Selling App, estrutura de arquivos de projeto e explorarp5.js-web-editorgithub repositório.
Topics Covered:criado back -end completo de umCourse Selling App.
Topics Covered:o que e por que bancos de dados?, O que é o MongoDB?, Alguns bons exemplos e criaram um back -end de umCourse Selling Website.
Topics Covered:o que e por queReact, componentes, estado, renderização, o que é JSX?, Usestate, crieCounter-Appusando 3 Diffenrnt Way 1.
Topics Covered:ganchos de uso e efeito de uso, renderização condicional, adereços, limpeza de uso, matriz de dependência, montagem, desmontar, renderizar, criar um aplicativo de contagem regressiva ...
Topics Covered:Criar projeto React Localmente, componentes, ganchos (usestate, usefeft), matriz de dependência, funções de limpeza, buscar dados da API, renderização, adereços, renderização condicional ...
Topics Covered:crianças-props, listas e chaves, estilo embutido, componente funcional baseado em classes, métodos de ciclo de vida, limite de erro, fragmento de reação e crie um pequeno aplicativo ...
Topics Covered:aplicativo de página única, roteamento (react-router-dom), layout, useref gancho, por que precisamos do useref Hook e criar um relógio com funcionalidade inicial e parada usando o useref.
Topics Covered:Rolando o estado, renderizadores não ótimos, API de perfuração de propaganda, Recosões de Recosões da Biblioteca de Gerenciamento de Estado ...
Topics Covered:ganchos personalizados - USECONTER, UseFetch, UseFetch com re -busca, useprev, usedEbounce ...
Topics Covered:API de contexto, recuo (biblioteca de gerenciamento de estado), Atom & Selectors ...
Topics Covered:RECOL (Biblioteca de Gerenciamento de Estado), Atom & Seletores ...
Topics Covered:tipografia (fontes, peso da fonte, tamanho da fonte, liderança, rastreamento), cores (RGB, HSL, ...), o que e por que UI/UX, interface do usuário (UI), experiência do usuário (UX), design de interface do frontend ...
Topics Covered:Reacp Semana 12.1, UI/Frontend, Branding, Create, Vimal Pan Masala (Bolo Zubaan Kesari) Site ...
Topics Covered:Aprenda sobreTailwind CSScom vite, o quê e por que CSS, cores, cores, cores de fundo, fontes, texto, borda, raio, flexbox, grade e construa alguns projetos usando reação e vento de cauda ...
Topics Covered:Saiba sobre animação em Tailwind, Crie Barra lateral e projetos ...
Topics Covered:Saiba sobre o que e por queTypeScript, JavaScript vs TypeScript, TypeScript Compiler,tsconfig.json, Tipos de dados básicos, número, string, booleano, nulo, indefinido, objetos, let, const, funções, interface, tipos ...
Topics Covered:Aprenda sobre a diferença entre tipos e interface, matrizes, objetos, união, interseção, classe, classe abstrata, herança, estende vs implementos, resolva alguns problemas