Git Product home page Git Product logo

web-developer-projects's Introduction

👨‍💻 Web developing + projects 📁

Dev Burguer Project

🧑‍💻 Tech's used: 🖥️

  • HTML5, CSS3, BootStrap 4, Java Script (ES6, ES7, ES8, ES9, ES10, ES11, ES12, ES13 and ES14), PHP, Object Orientation, MySQL, PHP with PDO, Ajax, JQuery, MVC, APIs, IONIC, WordPress and much more!

⌨️ Source code editors: 🖥️

  • VSCode

🧑‍💻 Check out the Tech's and projects below: 📁

1) HTML5

  • UNES Project (Institutional page of a university)

2) CSS3

  • Anna Bella Project (Personal website)

  • TecBlog Project (Technology blog)

3) CSS3 Intermediate & advanced

  • City News Project (News portal)

  • Chalé Hotel Project (Advertising page)

4) HTML5 and CSS3 - Special features

  • National Museum Project

5) Bootstrap & Responsive design

  • Finans Project

  • Spotify Clone

6) JavaScript

  • Calculator App

  • App Game Mata Mosquito (A sensational game that will challenge your knowledge of programming logic)

7) Modern JavaScript (ECMAScript 2015 - ES6) and Object Orientation

  • App Personal Budget (App for personal finance control)

8) PHP Programming Language (Hypertext Preprocessor)

  • App Help Desk (App for opening and monitoring technical support)

9) PHP and Object Orientation

  • App Send Mail (App for creating and sending e-mails)

10) PHP 8 - Unveiling the new features

  • Learn the main features of PHP 8.

11) MySQL Database

  • Virtual Store Database Project (Implementation of a virtual store database)

12) Ajax

  • App Address Search (Learn how to make HTTP requests via XMLHttpRequest for API's)

13) PHP with PDO

  • To-Do List App (PHP with PDO and MySQL)

14) Publishing web applications on the Internet

  • Publishing web applications (PHP and MySQL) using InfintyFree

15) JQuery

  • App Dashboard (Creation of a dashboard integrating front-end, back-end and database)

16) MVC architecture pattern with PHP

  • Miniframework project (Creation of a miniframework based on the MVC architecture)

17) PHP 7 & MySQL - Twitter Clone applied project

  • Twitter Clone project

18) API with Slim Framework

  • Product API project

19) Introduction to WordPress (blog creation)

  • 10-minute exercises project

20) SASS

21) Creating Mobile applications with IONIC

  • Gasoline or Alcohol Project

🧠 Knowledge acquired:

  • Creating WEB applications: From front to back-end and database with HTML5, CSS3, BootStrap 4, JS, ES6, ES7, PHP 7, OO, MySQL, JQuery, MVC, API, IONIC and Wordpress.
  • Integrate the main web technologies through real projects. All in practice!
  • How to turn your web development skills into a paid activity, working from wherever you want.
  • Create mobile applications connected to web applications using IONIC technology.
  • HTML5: headers, lists, images, links, tables, forms, hear, nav, footer, article, section aside.
  • CSS3 Intermediate: selectors, div & span, colors, box model, floating elements, positioning, formatting links.
  • Advanced CSS3: inheritance, specificity, vertical and horizontal navigation bar, tabs, liquid layouts, fixed width, parallax, custom fonts.
  • Special features: normalize css, rounded corners, gradients, shadows, animations, transitions, flexbox.
  • Bootstrap: responsive, texts, alignments, colors, media query, buttons, navigation bar, lists, inputs, alerts, tables, cards, grids, flexbox.
  • Javascript: variables, array, conditionals, comparison operators, logical operators, functions, events, DOM, loops, BOM.
  • ES6: var and let, object orientation, literals, prototype, web storage, array functions.
  • PHP7: variables, arrays, conditionals, comparison and logical operators, functions, object orientation, abstraction, inheritance, polymorphism, interfaces.
  • MySQL database: insert, update, select, delete, filters, comparison and logical operators, relationships, inner join, left join, right join.
  • Ajax: synchronous requests, asynchronous requests, XMLHttpRequest, request states, status, XML notation, JSON notation.
  • PHP with PDO and MySQL: connecting to a database, executing SQL statements, fetch, fetch all, foreach, SQL injection.
  • Publishing web applications on the Internet: DNS, hosting, cPainel, FTP, PHP and MySQL configuration.
  • jQuery: selecting and manipulating HTML elements, navigating between elements, manipulating CSS, keyboard, mouse and form events, animations, ajax.
  • MVC with PHP: composer, controller, route, model, view, abstraction, reusing layout, database connection.
  • Twitter clone project: user registration and authentication, creating a timeline, searching for users, displaying tweets, following and unfollowing, pagination.
  • API with Slim framework: requests, routes, dependencies, middleware, responses, database, creating API.
  • SAAS: alignment, variables, interpolation, for, while, each, functions, mixin, inheritance, control directives.
  • IONIC: components, buttons, data entry, data biding, angular, grids, navigation and template.
  • WordPress: installation, themes, customization, plugins, users, comments, page builder with elementor.

👨‍💻 Desenvolvimento web + projetos 📁

🧑‍💻 Tech's: 🖥️

  • HTML5, CSS3, BootStrap 4, Java Script (ES6, ES7, ES8, ES9, ES10, ES11, ES12, ES13 e ES14), PHP, Orientação a Objetos, MySQL, PHP com PDO, Ajax, JQuery, MVC, APIs, IONIC, WordPress e muito mais!

⌨️ Editores de código fonte: 🖥️

  • VSCode

🧑‍💻 Tech's e projetos: 📁

1) HTML5

  • Projeto UNES (Página institucional de uma universidade)

2) CSS3

  • Projeto Anna Bella (Página web pessoal)

  • Projeto TecBlog (Blog de tecnologia)

3) CSS3 Intermediário & avançado

  • Projeto Notícias da Cidade (Portal de notícias)

  • Projeto Chalé Hotel (Página publicitária)

4) HTML5 e CSS3 - Recursos especiais

  • Projeto Museu Nacional

5) Bootstrap & Design responsivo

  • Projeto Finans

  • Spotify Clone

6) JavaScript

  • App Calculadora

  • App Game Mata Mosquito (Um game sensacional que vai desafiar seus conhecimentos de lógica de programação)

7) JavaScript Moderno (ECMAScript 2015 - ES6) e Orientação a Objetos

  • App Orçamento Pessoal (App para controle pessoal de finanças)

8) Linguagem de Programação PHP (Hypertext Preprocessor)

  • App Help Desk (App para abertura e acompanhamento de suportes técnicos)

9) PHP e Orientação a Objetos

  • App Send Mail (App para criação e envio de e-mails)

10) PHP 8 - Desvendando as novas features

  • Aprenda as principais features do PHP 8.

11) Banco de dados MySQL

  • Projeto Banco de Dados Loja Virtual (Implementação do banco de dados de uma loja virtual)

12) Ajax

  • App Pesquisa Endereço (Aprenda a realizar requisições HTTP via XMLHttpRequest para API's)

13) PHP com PDO

  • App Lista de Tarefas (PHP com PDO e MySQL)

14) Publicação de aplicações Web na Internet

  • Publicação de aplicações web (PHP e MySQL) utilizando o InfintyFree

15) JQuery

  • App Dashboard (Criação de um dashboard integrando front-end, back-end e banco de dados)

16) Padrão de arquitetura MVC com PHP

  • Projeto miniframework (Criação de um miniframework baseado na arquitetura MVC)

17) PHP 7 & MySQL - Projeto aplicado Twitter Clone

  • Projeto Twitter Clone

18) API com Slim Framework

  • Projeto API de Produtos

19) Introdução ao WordPress (criação de blogs)

  • Projeto 10 minutos exercícios

20) SASS

21) Criando aplicações Mobile com IONIC

  • Projeto Gasolina ou Álcool

🧠 Conhecimento adquirido:

  • Criar aplicações WEB: Do front ao back-end e banco de dados com HTML5, CSS3, BootStrap 4, JS, ES6, ES7, PHP 7, OO, MySQL, JQuery, MVC, API, IONIC e Wordpress.
  • Integrar as principais tecnologias Web através de projetos reais. Tudo na prática!
  • Como tornar suas habilidades em desenvolvimento web uma atividade remunerada, trabalhando de onde quiser.
  • Criar aplicações Mobile conectadas a aplicações WEB utilizando a tecnologia IONIC.
  • HTML5: cabeçalhos, listas, imagens, links, tabelas, formulários, hear, nav, footer, article, section aside.
  • CSS3 Intermediário: seletores, div & span, cores, modelo caixa, elementos flutuantes, posicionamento, formatando links.
  • CSS3 avançado: herança, especifidade, barra navegação vertical e horizontal, abas, layouts líquidos, largura fixa, parallax, fontes customizadas.
  • Recursos especiais: normalize css, cantos arredondados, degradês, sombras, animações, transições, flexbox.
  • Bootstrap: responsivo, textos, alinhamentos, cores, media query, botões, barra navegação, listas, inputs, alertas, tabelas, cards, grids, flexbox.
  • Javascript: variáveis, array, condicionais, operadores de comparação, operadores lógicos, funções, eventos, DOM, loops, BOM.
  • ES6: var e let, orientação a objetos, literais, prototype, web storage, funções de array.
  • PHP7: variáveis, arrays, condicionais, operadores de comparação e lógicos, funções, orientação a objetos, abstração, herança, polimorfismo, interfaces.
  • Banco de Dados MySQL: insert, update, select, delete, filtros, operadores de comparação e lógicos, relacionamentos, inner join, left join, right join.
  • Ajax: requisições síncronas, requisições assíncronas, XMLHttpRequest, estados da requisição, status, notação XML, notação JSON.
  • PHP com PDO e MySQL: conexão com banco, executando instruções SQL, fetch, fetch all, foreach, SQL injection.
  • Publicação de aplicações Web na Internet: DNS, hospedagem, cPainel, FTP, configuração do PHP e MySQL.
  • jQuery: selecionando e manipulando elementos HTML, navegando entre elementos, manipulando CSS, eventos de teclado, mouse e formulário, animações, ajax..
  • MVC com PHP: composer, controlador, rota, modelo, visão, abstração, reutilizando layout, conexão com banco de dados.
  • Projeto Twitter clone: registro e autenticação de usuários, criando timeline, pesquisando usuários, exibindo tweets, seguindo e deixando de seguir, paginação.
  • API com framework Slim: requisições, rotas, dependências, middleware, respostas, banco de dados, criando API.
  • SAAS: alinhamento, variáveis, interpolação, for, while, each, funções, mixin, herança, diretivas de controle.
  • IONIC: componentes, botões, entrada de dados, data biding, angular, grids, navegação e modelo.
  • WordPress: instalação, temas, personalização, plugins, usuários, comentários, criador de páginas com elementor.

web-developer-projects's People

Contributors

diatsilva007 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.