O Blog MulherTech.com.br é para mulheres que trabalham e amam tecnologia. Assuntos abordados neste Blog: Gestão de Projetos, Marketing Digital, Tecnologia da Informação, Ciência da Computação, Cloud Computing, Rede de Computadores Wireless, Rede TCP-IP (IPv4 e IPv6), Rede 5G, Linux, Windows Server, Windows 11, Data Science, Big Data, Inteligência Artificial, Linguagens de Programação Web, Frontend, Backend, etc.
sexta-feira, 18 de março de 2022
quinta-feira, 17 de março de 2022
Mobile Detect
Eu fiquei semanas estudando e testando o código PHP da Lib Mobile Detect e finalmente agora está do jeito que eu gostei de usar.
segunda-feira, 6 de dezembro de 2021
QRCODE
https://www.geeksforgeeks.org/qr-code-generator-using-html-css-and-jquery/
https://stackoverflow.com/questions/30115242/generating-a-simple-qr-code-with-just-html
https://blog.usman-s.me/how-to-make-your-qr-code-generator-using-html-css-and-javascript
https://codepen.io/jasonadelia/pen/jatwq
https://www.ways2read.com/design-a-qr-code-generator-html-css-and-jquery/
https://acervolima.com/gerador-de-codigo-qr-usando-html-css-e-jquery/
https://medium.com/geekculture/few-ways-to-generate-qr-code-using-javascript-54b6b5220c4f
http://www.weichbrodt.it/qr-code-plugin-per-cms-made-simple/
Express.JS Node Router Server
https://www.tabnine.com/code/javascript/functions/express/Express/post
https://expressjs.com/pt-br/guide/routing.html
https://expressjs.com/pt-br/4x/api.html
https://visionmedia.github.io/superagent/
https://codeforgeek.com/handle-get-post-request-express-4/
https://www.codegrepper.com/code-examples/javascript/app.post+in+express
https://developer.mozilla.org/pt-BR/docs/Learn/Server-side/Express_Nodejs/Introduction
https://www.digitalocean.com/community/tutorials/use-expressjs-to-get-url-and-post-parameters
quinta-feira, 18 de novembro de 2021
domingo, 31 de outubro de 2021
As 6 Etapas Fundamentais de um Projeto de Software
As 6 etapas fundamentais de um projeto de software
1) Conhecer as necessidades do cliente.
2) Definir os requisitos.
3) Avaliar a viabilidade do projeto.
4) Documentar todos os procedimentos.
5) Escolher a metodologia de desenvolvimento.
6) Testar as funcionalidades criadas.
sexta-feira, 29 de outubro de 2021
GitHUB BADGES
Diversas imagens de BADGES no GITHUB para utilizar
https://github.com/Ileriayo/markdown-badges
quarta-feira, 27 de outubro de 2021
How to Add a Serverless Database to your React Projects
How to Add a Serverless Database to your React Projects
Serveless + Node + React = pode utilizar e manipular banco de dados. Muito bom.
https://www.freecodecamp.org/news/how-to-add-a-serverless-database-to-react-projects-and-web-apps/
sexta-feira, 22 de outubro de 2021
Swift (Front-end)
Swift (Front-end)
Swift, foi desenvolvido pela Apple em 2014, é uma tecnologia de desenvolvimento de front-end adequada para a criação de aplicativos iOS, tvOS, macOS e watchOS.
Esta alternativa Objective-C tem muitos problemas e é considerada desatualizada. Swift opera com alguns dos conceitos de Objective-C, como programação expansível. O contraste está na tipagem estática e no projeto do protocolo.
Recursos
- Swift segue padrões fáceis e seguros
- Os usuários têm acesso aos recursos de programação mais recentes
- Objective C e Swift têm a mesma sintaxe
- É uma opção preferencial para escrever programas iOS e OS X.
Vantagens
- Código-fonte aberto – Swift é uma linguagem de desenvolvimento de código-fonte verdadeiramente aberto que é conhecida por oferecer abertura para todas as funcionalidades. Atualmente, ela se orgulha de uma grande comunidade que oferece suporte a novos usuários, juntamente com muitas ferramentas convenientes de terceiros.
- Seguro – A sintaxe do Swift permite que os usuários criem código consistente e sem erros e, portanto, é amplamente preferida pelos desenvolvedores. O Swift oferece muitas medidas de precaução para prevenção de erros e melhor legibilidade.
Desvantagens
- Sem suporte para versões anteriores do iOS – o Swift não oferece suporte para versões mais antigas de aplicativos iOS, o que pode ser um problema para alguns projetos.
- Ainda não é muito popular – o Swift está crescendo rapidamente sua base de usuários, mas ainda não é popular, pois não possui uma grande base de codificadores. No entanto, isso pode mudar à medida que mais desenvolvedores começam a usar a linguagem.
JQuery (Front-end)
JQuery (Front-end)
jQuery é uma biblioteca JavaScript objetiva, mas repleta de recursos. É uma opção viável para funções como tratamento de eventos, passagem de HTML, Ajax, manipulação de documentos e animações.
Quanto a API do jQuery os usuários também acham muito fácil de usar e funciona em diferentes navegadores de forma eficaz. Essa linguagem de desenvolvimento de front-end é conhecida por sua flexibilidade e variedade de recursos. Ele permitiu que inúmeros desenvolvedores tirassem o máximo proveito da programação JavaScript.
Recursos
- Manipulação CSS: jQuery tem métodos css () predefinidos para alterar o estilo do elemento HTML.
- Manipulação de HTML: jQuery facilita a seleção, passagem e modificação de conteúdo de elementos DOM.
- Suporte para vários navegadores: o jQuery fornece suporte para os navegadores modernos mais populares.
Vantagens
- O jQuery permite a melhoria do JavaScript sem que os desenvolvedores tenham que aprender uma sintaxe nova.
- O código pode ser simples, legível e reutilizável com jQuery.
- A necessidade de escrever loops complexos e repetitivos e chamadas de biblioteca DOM é reduzida com a linguagem.
Desvantagens
- A funcionalidade pode ser limitada – a funcionalidade do jQuery pode ser bastante limitada, embora tenha uma vasta biblioteca. O problema surge quando a necessidade de customização aumenta e os desenvolvedores dependem do JavaScript.
- JQuery JavaScript needed – O arquivo jQuery JavaScript é necessário para executar comandos JQuery. Apesar do pequeno tamanho desse arquivo, é uma preocupação para um computador cliente e servidor web quando o requisito é hospedar scripts jQuery no servidor.
Angular JS (Front-end)
Angular JS (Front-end)
Angular é uma estrutura de código aberto usada principalmente para o desenvolvimento de aplicativos da web de página única. Os desenvolvedores podem confiar nele para gerar menus animados adequados para páginas da web em HTML.
É uma estrutura desenvolvida pelos engenheiros do Google Adam Abrons e Misko Hebert. Lançado pela primeira vez em 2012, o AngularJS continua recebendo atualizações.
Recursos
- Aplicativos da web progressivos – os desenvolvedores podem usar recursos de plataforma de ponta para criar experiências semelhantes aos aplicativos. Angular oferece alto desempenho e fácil instalação.
- Angular CLI – o Angular oferece ferramentas de linha de comando para permitir que os desenvolvedores criem aplicativos com mais rapidez, adicionem testes e alcancem uma implantação rápida.
Vantagens
- Funcionalidade pronta para uso – A configuração Angular padrão oferece um grande número de ferramentas para os desenvolvedores começarem. Alguns deles incluem ferramentas que podem ser usadas para atender aos requisitos de roteamento. Os desenvolvedores podem usá-lo para buscar os dados necessários que possuem em um aplicativo. A natureza pré-configurada do ambiente do Angular ajuda a acelerar o desenvolvimento e os testes.
- Consistência – o Angular é uma estrutura de design de web abrangente e responsiva em comparação com o React. Os desenvolvedores podem achar fácil desenvolver serviços, componentes e módulos.
Desvantagens
- Opções limitadas de SEO – Os usuários angulares enfrentam alguns problemas devido ao menor número de opções de SEO e não oferecem um alto nível de acessibilidade do rastreador de mecanismo de pesquisa.
- Angular pode ser complexo – Angular pode ser considerado uma opção complexa por muitos desenvolvedores e pode impactar os resultados do desenvolvimento. Mesmo as versões recentes do Angular são complexas para alguns usuários.
TypeScript (Front-end)
TypeScript (Front-end)
TypeScript é outra das 10 principais linguagens de programação front-end e um superconjunto sintático de JavaScript. Qualquer código JavaScript é considerado um código TypeScript válido, executado em navegadores como JS.
TypeScript é uma linguagem aditiva com uma camada de tradução simples e pode ser utilizada em projetos JavaScript.
Recursos
- TypeScript é igual ao JavaScript – TypeScript é bastante semelhante e geralmente considerado igual a JavaScript. Ele usa alguns dos componentes de programas que são emprestados do JavaScript. Os desenvolvedores precisam conhecer o funcionamento do JavaScript para obter um bom uso do TypeScript. Isso ocorre porque o código TypeScript é traduzido em código JavaScript antes da execução.
- Suporte à biblioteca JS – o TypeScript oferece suporte para bibliotecas JavaScript e o código compilado pode ser adotado a partir de qualquer parte do código JS. O código JavaScript gerado a partir do TypeScript usa todas as ferramentas, estruturas e bibliotecas JS atuais.
- Renomear arquivos – os usuários acham muito conveniente renomear arquivos JavaScript para arquivos TypeScript. Qualquer arquivo .js pode ser facilmente renomeado para um arquivo .ts e compilado com diferentes arquivos TypeScript.
Vantagens
- Digitação estrita – No TypeScript, os elementos que são definidos permanecem como foram definidos. Esta é uma das vantagens mais importantes do TypeScript.
- Tipagem estrutural – A disponibilidade de tipagem estrutural é essencial para usuários que pretendem definir totalmente as estruturas utilizadas. O TypeScript torna mais fácil para os desenvolvedores confiar em estruturas designadas.
- Anotações de tipo – o uso de anotações de tipo TypeScript permite que os usuários especifiquem explicitamente o tipo que pretendem usar.
Desvantagens
- TypeScript requer um alto nível de esforço para implementação de código.
- O suporte para aulas teóricas não é prontamente oferecido pelo TypeScript.
- O TypeScript requer um documento de definição para usar uma biblioteca externa, e este documento nem sempre pode ser acessado.
- Os desenvolvedores devem estar atentos à natureza da definição de tipo no TypeScript.
- Há um requisito para converter TypeScript em JavaScript antes de executar um programa.
Vue (Front-end)
Vue (Front-end)
Vue é uma estrutura para a criação de interfaces de usuário e é diferente da maioria das estruturas monolíticas, pois foi criada para fornecer adaptabilidade ideal.
A biblioteca principal do Vue é focada em uma camada de visualização e pode ser utilizada facilmente, além de ser facilmente integrada com outras bibliotecas de projeto existentes.
Recursos
- Virtual DOM – Vue.js utiliza DOM virtual, que é essencialmente uma cópia do componente DOM principal, reage a cada alteração do DOM e pode ser disponibilizado como estruturas de dados JavaScript. As progressões e alterações da estrutura de dados JavaScript podem ser comparadas com as estruturas de dados originais. O DOM real obtém as alterações finais que os usuários podem visualizar.
- Ligação de dados bidirecional – VueJS vem com ligação bidirecional devido à sua arquitetura MVVM. Contar com o QRR ajuda a editar ou atribuir atributos de valor HTML para acelerar os blocos HTML. O VueJS apresenta comunicação bidirecional para garantir que todas as alterações feitas na IU sejam retransmitidas para a IU.
Vantagens
- Flexibilidade – Vue.js é conhecido pelo nível de flexibilidade que oferece aos usuários. Os desenvolvedores podem criar seus próprios modelos com nós virtuais em arquivos JavaScript, JavaScript puro e HTML. Isso torna o Vue.js uma opção fácil de entender para os desenvolvedores que usam estruturas JavaScript, como Angular.js e React.js.
- Comunicação bidirecional – Vue js permite comunicações bidirecionais devido à sua arquitetura MVVM e torna os blocos HTML fáceis de manusear. Tem um alto nível de similaridade com Angular.js nesse aspecto. Também conhecido como ligação de dados bidirecional, significa que todas as alterações na interface do usuário feitas por um usuário são refletidas nos dados e quaisquer alterações nos dados são refletidas na IU.
- Ótimas ferramentas – Vue.js é considerado a melhor opção para ferramentas e o Vue 3.x CLI mais recente é considerado uma das melhores ferramentas de framework JavaScript para framework JavaScript. Os desenvolvedores podem entrar em novos projetos utilizando recursos integrados como Linting, Routing, CSS Pre-processadores, State Store, Routing, PWA, TypeScript e Unit Testing.
Desvantagens
- Barreiras de idioma – Vue.js tem certas limitações relacionadas ao idioma que podem dificultar o processo de desenvolvimento. A origem sino-americana deste aplicativo significa que ele exibe uma preferência pelo idioma chinês em relação a outros idiomas. O problema surge porque o chinês não é usado em todo o mundo. Portanto, a estrutura em chinês é um obstáculo definitivo para os desenvolvedores.
- Excesso de flexibilidade – A flexibilidade do Vue.js também é uma desgraça para muitos desenvolvedores e pode causar um problema que requer a ajuda da comunidade para ser resolvido. Pode haver casos em que a ampla flexibilidade do Vue.js resulta em mais erros e complicações desnecessárias para os usuários.
React (Front-end)
React (Front-end)
React é uma linguagem de programação desenvolvida pelo Facebook para a criação de interfaces de usuário web rápidas e de ponta. Atualmente, é uma das bibliotecas JavaScript mais utilizadas para a criação de front-ends da web.
A linguagem de programação React é adequada para a criação de interfaces visuais com o usuário e renderização de dados para navegadores.
Recursos
- JSX – JSX está entre as extensões de sintaxe do JavaScript. É utilizado com o React Native para descrever a aparência de uma interface de usuário. O uso dessa extensão permite que os usuários criem estruturas HTML que existem no mesmo arquivo que o código JavaScript.
- DOM virtual – o React armazena uma versão mais leve do DOM na memória, que pode ser referido como VDOM ou DOM virtual. Os usuários podem ajustar o VDOM mais rápido do que o DOM devido ao fato de não haver necessidade de desenho de tela.
Vantagens
- React é uma linguagem fácil de aprender e também bastante fácil de usar devido à ampla documentação, recursos de treinamento online e tutoriais. Os desenvolvedores que estão familiarizados com o JavaScript podem obter uma compreensão completa do React em um curto espaço de tempo.
- O Virtual DOM é uma das principais vantagens da linguagem de programação React. Quando um aplicativo é centrado nas interações do usuário e tem atualizações regulares de dados, os desenvolvedores podem otimizar a estrutura para obter o desempenho correto.
Desvantagens
- Tecnologia dinâmica – ReactJS é uma escolha popular de desenvolvimento, mas também está mudando o tempo todo. Isso eleva o nível dos desenvolvedores que precisam investir tempo e esforço para aprender as novas mudanças.
- Documentação deficiente – alguns desenvolvedores lutam para acompanhar as atualizações frequentes da documentação e das ferramentas do React a cada atualização. Atualizar-se pode ser difícil se a documentação mais recente não estiver disponível para ferramentas específicas, levando a problemas de desenvolvimento.
Assinar:
Postagens (Atom)