CSS é uma linguagem de programação fortemente tipada

Uma maneira de classificar as linguagens de programação é pela força ou fragilidade de digitação. Nesse caso, "digitado" significa se as variáveis ​​são conhecidas em tempo de compilação. Um bom exemplo seria um cenário onde um inteiro 1 é adicionado a uma string contendo "1".





Uma string contendo um inteiro pode ter sido montada inadvertidamente a partir de um conjunto complexo de lógica com muitas partes móveis. Também pode ser compilado deliberadamente de uma única fonte de verdade.





Apesar das definições dos termos fraco e forte, uma linguagem de programação fortemente tipada não é necessariamente melhor do que uma linguagem fraca. Cenários em que a flexibilidade será muito mais útil do que a rigidez e vice-versa são perfeitamente aceitáveis. Tal como acontece com muitos aspectos da programação, neste caso, a resposta depende de diferentes contextos externos, ou seja, "depende de…".





Outro ponto interessante é que não há uma definição formal do que seja tipagem forte ou fraca.





TypeScript

JavaScript é considerado uma linguagem de tipagem fraca e essa flexibilidade contribuiu para sua adoção inicial na Internet. No entanto, quanto mais madura e desenvolvida a Internet se torna, mais complexos se tornam os casos de uso de JavaScript.





TypeScript . «» JavaScript . . , -. TypeScript -, TypeScript.





– , . – , .





, . , TypeScript, JavaScript JavaScript .





- , . TypeScript , , .





Um exemplo de um erro TypeScript em VS Code
TypeScript VS Code

JavaScript «» , . :





  • ,





  • ,





  • ,





TypeScript , . JavaScript . TypeScript , . JavaScript, , — , , JavaScript - -, .





CSS

CSS - , . . CSS . , .





CSS

CSS :





:





  • :





    • initial







    • inherit







    • unset







    • revert







  • ,  grid-area







  • "hello"







  • URL- https://css-tricks.com/







  • (--



    )





:





  • , 0-9





  • , 3.14







  • , 25%







  • , , 100px



    3s







  • , 16/9







  • Flex Grid





:





  • :





    • ,





    • , ems





    • , 200ms







  • , 250ms







  • , 15deg







  • , 16Hz







  • , 96dpi







() , , - .





:





  • :





    • ,  papayawhip







    • transparent







    • currentColor







  • RGB





    • ,  #FF8764







    • RGB/RGBa-, rgba(105, 221, 174, 0.5)







  • HSL/HSLA ,  hsl(287, 76%, 50%)







  • ,  ButtonText







:





  • , URL .





  • , .





  • «» .





  • , .





  • ( circle 



     ellipse



    ) .





:









    • top







    • right







    • bottom







    • left







    • center







  • , 25%







CSS

CSS - « – ». , , JavaScript .





CSS : , , , . CSS – CSS-. , fuzzbuzz- CSS.





, “”, CSS.





, , CSS . , , , , .





, CSS : /, .





1: /





“potato”  border-style



. , / .banner



, . , CSS.





border-style







  • ,





  • , .





border-style



  dotted



, !





2:





calc()



CSS , . , .





font-size



p



(, 1.5rem



). font-size. , calc ()



(«2rem»



), .





- - font-size



1,5 rem



, body



.





3:





JavaScript, . .





: root



--color-cyan



#953FE3



. .square --color-cyan, . top , , background-color.







, .square



, «Don’t play to type.». .square



, .





, , , .





, CSS , CSS .





, , CSS .





, , - , , , . , .





-, stylelint, , CSS CSS- . stylelint , , GitHub, CSS .





stylelint de saída do terminal
stylelint

-, Firefox CSS . , CSS. , .





Versão do desenvolvedor Firefox
Firefox

CSS tem sido fortemente tipado desde que era uma linguagem de programação e, como linguagem de programação, já existe há muito tempo. Além disso, tem crescido muito ultimamente. Se você ainda não percebeu, ótimos novos recursos estão disponíveis .





À medida que o JavaScript fortemente tipado se torna mais popular, espero que ajude os desenvolvedores a se familiarizarem com a abordagem CSS sólida, porém flexível.








All Articles