MĂdia | Desenvolvimento Web | CSS | JavaScript | Navegadores | Divertido
meios de comunicação
•
Podcast "Make Me Beautiful" Issue # 46: Texto Dactilografado e Layout Resolveram Todos os Seus Problemas (VocĂŞ NĂŁo resolveu )
•
Podcast "Frontend Youth (18+)" # 160: Black Cardinal Front End Pro Ilimitado
•
CSSSR Podcast: MobX ou Redux , Flexbox ou CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited
•
Podcast IT Way: Sobre frontend para iniciantes, como o Aviasales funciona (e em que funciona). EpisĂłdio 46 de 24/10/2020
desenvolvimento web
•
Componentes da Web: um guia para iniciantes
• Como executar scripts em HTML. A tag de script e os atributos async, defer, module, nomodule e src
•
Um guia para os diferentes tipos de armazenamento no navegador
•
O atributo lang: navegadores mentem, mentiras doces.
•
Maneiras mais inteligentes de criar estrutura HTML com aninhamento profundo
- Ferramentas
• Configurando Webpack 5 a partir do zero
• Novidades no DevTools (Microsoft Edge 87)
• Adicionando Chromium Edge PWAs (Progressive Web Apps) à Microsoft Store
-
• - (WCAG) 2.1
•
• inert
-
• «Inspirational Websites Roundup #19»
• clip-path
CSS
• Estado do CSS 2020 . Uma pesquisa anual sobre o estado atual do CSS com a capacidade de avaliar seu nĂvel de conhecimento com base nos resultados de sua conclusĂŁo
•
Como faço para estruturar meu CSS
• Escolhendo o layout CSS - Grade ou Flexbox?
•
Criando formatos CSS com Emoji
•
Pensando fora da caixa com CSS Grid
•
CSS em 3D: Aprendendo a pensar em cubos, não retângulos
•
“O seletor CSS genérico é lento e deve ser evitado” é outra mentira!
•
Variáveis ​​em Sass, CSS e Variáveis ​​de Tema Semântico
•
Design de Altura Responsivo
JavaScript
•
Usando "global" await em JavaScript
• Opções de programação orientada a objetos (em JavaScript)
•
Renderização do lado do cliente vs Renderização do lado do servidor vs Geração de site estático
•
Resolvendo um problema bobo com JavaScript
•
API do Observer em JavaScript - Parte II
•
6 avançado Funções JavaScript que você pode usar hoje
•
Como criar um componente de acordeĂŁo progressivamente aprimorado usando vanilla JS
- Versões
• Versão do Node.js 15.0 JavaScript Server Framework
• Criação do React App 4.0 Versão
• Babel 7.12.0 Versão TypeScript 4.1, strings como nomes de importação / exportação e blocos estáticos de classe
- React
• React
• Rockpack — , React create-react-app
• Styled-Components React
• Create React App 4
• React v17.0
• Next.js
- Vue
• Vue SVG
• 10 Vue
• Vue.js , React
- Angular
• TypeScript — Angular
• Angular — function-like HTML
• @ngrx/component-store selector debouncing
- Ember
• The Ember Times — Issue No. 166
• Ember 3.22
• ember-cli-deploy
• React Hooks Ember.js
- Svelte
• Svelte Actions
• Svelte
- Libs e plug-ins
• Pare de usar Moment.js para datas e horas em JavaScript
• nsfwjs - Uma biblioteca JavaScript simples para ajudá-lo a identificar rapidamente imagens obscenas no lado do cliente
• Lucia Ă© uma pequena biblioteca JS (compatĂvel com UMD) que pode substituir jQuery e aplicativos em JavaScript vanilla.
• fingerprintjs - Gera ID de visitante do site a partir da impressão digital do navegador
Navegadores
• Versão do Firefox 82
• Microsoft Edge para Linux - a versĂŁo beta do navegador se tornou disponĂvel para todos
• O navegador Chrome agora tem uma função de pesquisa para guias abertas
• Agora JScript no Internet Explorer pode ser desativado
Divertido
• O Photoshop recebeu muitos recursos de IA: substituição inteligente do céu, filtros avançados, etc.
• Em todos os lugares há hiperlinks e colunas azuis: como eram os sites da Apple, Google e Amazon em 1999
• Como o Cloudflare gera chaves criptográficas usando uma parede de 100 lava de entropia lâmpadas
• O Facebook criou uma IA que será capaz de traduzir textos em 100 idiomas diretamente
do Digest da semana passada .
Material preparado dersmoll e alekskorovin .