34ª Edição a Linguagem Javascript E Seu Ecossistema Jean Carlos

Total Page:16

File Type:pdf, Size:1020Kb

34ª Edição a Linguagem Javascript E Seu Ecossistema Jean Carlos Workshop Para Empreendedores - 34ª Edição A Linguagem JavaScript e seu Ecossistema Jean Carlos Borba Guimarães da Costa, Maria Aparecida Reis Franca dos Santos Universidade de Uberaba [email protected], [email protected] ​ ​ Resumo 1 Introdução O presente artigo visa facilitar o Em 4 de Dezembro de 1995, Brendan entendimento da linguagem JavaScript, Eich lançava a primeira versão do com foco nas bibliotecas e frameworks1 JavaScript, na época chamada de ​ utilizados em desenvolvimento Mocha. Inicialmente concebida como Front-End. parte integrante dos navegadores web, a ​ ​ ​ Durante o seu desenvolvimento, foram linguagem foi projetada para executar abordados assuntos como a concepção scripts no client-side, ou seja, interagir ​ ​ ​ da linguagem, bem como a motivação de diretamente com o usuário, sem passar ​ sua criação. A evolução do JavaScript foi por um servidor. Após mudar de nome explorada, e também a padronização da novamente, desta vez para LiveScript, foi linguagem ao ser submetida ao ECMA, submetida ao European Computer ​ passando ainda pelas principais Manufacturers Association, ou ​ aplicações no desenvolvimento web simplesmente ECMA. Por razões de ​ moderno. Ainda, foram listadas algumas patente, optou-se por nomear ​ ​ ​ das bibliotecas e frameworks JavaScript oficialmente a linguagem como ​ ​ que são - ou foram - amplamente ECMAScript. Apesar disso, o nome utilizados, porém mantendo o foco a dois antigo já havia se popularizado. Dessa principais atuais - Vue.js e Angular. forma, é completamente normal No decorrer deste artigo são encontrar ambos os nomes ao procurar apresentados conceitos aplicados à informações sobre essa tecnologia. essas tecnologias, e paralelos foram Atualmente na versão 9 (ou 2018), o ​ traçados entre as mesmas, visando ECMAScript passou a ter releases2 ​ apresentar o ponto de vista do anuais de uma nova versão. Todavia, desenvolvedor ao utilizar tais grande parte dos navegadores suportam ferramentas. completamente a linguagem apenas até Por fim, foram desenvolvidas duas a versão 5, com exceção dos browsers ​ aplicações idênticas, utilizando-se das modernos. Neste caso, existem diversas ferramentas citadas, como forma de opções para se contornar a situação de exemplificar o conteúdo exposto no falta de compatibilidade, como por artigo. exemplo os polyfills, ou utilizar-se do ​ ​ ​ Babel durante o desenvolvimento. Essas Palavras-chave: 1. Desenvolvimento técnicas e ferramentas transpilam3 o ​ ​ ​ Web. 2. JavaScript. 3. Front-End. 4. ​ ​ ​ ​ ​ frameworks e bibliotecas. 2 Lançamento de uma nova versão, seja versão de desenvolvedor, beta e/ou estável. 3 Em JavaScript, “transpilar” um código significa ​ ​ 1 Conjuntos de ferramentas criadas para facilitar ou reescrevê-lo na sintaxe das versões anteriores da acelerar o desenvolvimento em determinada linguagem linguagem, entendida por navegadores antigos. Workshop Para Empreendedores - 34ª Edição código das versões mais atuais para e fazer uso de conceitos considerados soluções equivalentes às suportadas em cruciais durante o desenvolvimento de navegadores antigos. uma Single-Page Application5. Ao mesmo ​ Apesar de ter sido concebida tempo, surge o Vue.js, com a premissa ​ inicialmente como uma forma de lidar de ser muito flexível, podendo ser com a interação do usuário com o utilizado como biblioteca ou framework, e ​ ​ navegador, o JavaScript foi, solucionar problemas existentes nas ​ provavelmente, a linguagem mais outras ferramentas. Essa propaganda, explorada e modificada para atender a rapidamente, conquistou a comunidade situações específicas. Por exemplo, de desenvolvedores de tal forma que temos o Node.js, um fork4 do motor de uma campanha de crowdfunding foi ​ ​ ​ renderização V8, criado pelo Google e criada e alcançada com sucesso para utilizado até os dias de hoje no que o seu criador, Evan You, se navegador web Google Chrome. Outro dedicasse, exclusivamente, ao ​ ​ exemplo são ferramentas como aprimoramento do framework. ​ ​ CoffeeScript e TypeScript, sendo que a Em paralelo à escrita deste artigo, última se anuncia como “JavaScript que foram elaboradas duas aplicações escala” (TYPESCRIPTLANG, 2019), uma idênticas, uma delas desenvolvida em referência à dificuldade que se tem ao Angular, a outra em Vue.js, para que, ao utilizar JavaScript puro para desenvolver final, fosse feito um estudo de caso, aplicações de grande porte. Além disso, analisando os principais pontos que são ​ a linguagem evoluiu tornando-se objetos de discussão da comunidade de extremamente versátil, sendo possível desenvolvedores, como facilidade de utilizar os três principais paradigmas de escrita de código, manutenibilidade e programação: procedural, orientado a escalabilidade. Tais análises foram feitas objetos e funcional. do ponto de vista do desenvolvedor, Essa evolução possibilitou a criação utilizando-se, primariamente, de diversas de bibliotecas como jQuery, Prototype.js, comparações de código, visando mostrar underscore.js e React, que prometem os pontos positivos e negativos de cada tornar o desenvolvimento de uma tecnologia. aplicação muito mais produtivo e Ao mesmo tempo, uma API6 única, ​ solucionar diversos problemas de desenvolvida em Node.js e Express.js, compatibilidade entre navegadores e comunicando-se com um banco de versões. Ao mesmo tempo, grandes dados não-relacional, neste caso, empresas, como Google e Facebook, MongoDB, cuidará do tratamento e lançaram-se no mercado com os persistência de dados, comunicando-se frameworks Angular e React, com as duas aplicações, de forma respectivamente. Com o respaldo de individual ou simultaneamente. gigantes da tecnologia por trás de seu desenvolvimento, essas ferramentas se ​ 5 As SPAs são aplicações web que não renderizam toda ​ tornaram extremamente populares e a página novamente, mas apenas os módulos amplamente utilizadas, por seguirem os necessários, apresentando comportamento parecido ao padrões de desenvolvimento mais atuais de um aplicativo para smartphones. ​ 6 As Application Programming Interfaces são ​ ​ 4 Réplica de um código existente em um servidor Git definições de conjuntos de rotinas, protocolos e sobre a qual se desenvolve uma nova versão do projeto ferramentas preparadas para atender à criação de uma atual, sem comprometer o projeto original. aplicação. Workshop Para Empreendedores - 34ª Edição 2 Materiais e Métodos anteriormente. O React, apesar de ser As metodologias utilizadas para a bastante famoso no mercado de elaboração deste artigo podem ser desenvolvimento web, será tratado ​ ​ divididas em teóricas, quanto aos apenas teoricamente, por ter uma métodos de pesquisa, fichamento de abordagem bastante diferente dos dois artigos e amplo material disponível em frameworks escolhidos. ​ livros e na Internet, e práticas, quanto ao A persistência de dados foi feita ​ ​ ​ desenvolvimento das aplicações, utilizando o banco de dados não utilizando-se das tecnologias escolhidas. relacional MongoDB, por sua capacidade Para a primeira etapa, propôs-se de guardar as informações em formato aprofundar em conceitos e boas práticas JSON (JavaScript Object Notation, ou ​ ​ das bibliotecas e frameworks JavaScript, Notação de Objeto JavaScript, em ​ ​ trazendo à tona as definições de tradução livre). Esta formatação de modularização, de componentização, de dados retira a necessidade de um injeção de dependência, entre outros, middleware8 para converter a informação ​ presentes tanto no Back-End como no requisitada no banco de dados para um ​ ​ Front-End. Tais conceitos se fazem formato aceito pelo Node.js e, ​ necessários para o desenvolvimento consequentemente, pelo Front-End. ​ ​ proposto no início do artigo. Na segunda etapa, a abordagem 3 Resultados escolhida foi a criação de uma aplicação APIs criadas utilizando Node.js voltada à organização pessoal, com o utilizam-se, primariamente, da vantagem intuito de exemplificar os conceitos de as requisições serem processadas apresentados. pelo Event Loop. A principal diferença ​ ​ Para o Back-End, foi utilizado o deste método para outras linguagens ​ ​ Node.js, uma engine7 JavaScript como Java, C# e PHP, é que, nas ​ baseada no V8, criada pelo Google, e linguagens tradicionais, a cada nova atualmente utilizada no Google Chrome, requisição, uma thread9 é criada. Cada ​ ​ seu navegador. Para auxiliar a criação da nova thread exige recursos ​ ​ API, foi escolhida a biblioteca Express.js, computacionais, como processamento e ​ pela facilidade de sua utilização, além do memória RAM, o que pode se tornar um ​ ​ amplo material disponível. A escolha visa problema, já que este recurso é finito. O facilitar o desenvolvimento e otimizar o Event Loop, por sua vez, trata cada ​ tempo de escrita de código do Back-End, requisição como um evento, que será ​ ​ disponibilizando mais tempo para a processado em fila (“First In, First Out”, ​ ​ criação das aplicações de Front-End, ou “O Primeiro a Entrar é o Primeiro a ​ ​ foco deste artigo. Sair”, em tradução livre). Apesar disso, o Na etapa de Front-end optou-se por modelo de execução do Node.js trata ​ utilizar as tecnologias Vue.js e Angular, requisições concorrentes através de criando duas aplicações, idênticas, entradas e saídas não-bloqueantes, ou possibilitando traçar paralelos sobre a manutenibilidade, escalabilidade e aplicar 8 Trecho de código normalmente utilizado para fazer a na prática os conceitos citados comunicação entre duas pontas muito distintas de um software, como, por exemplo, converter para JSON as ​ 7 Também chamada de Motor de Renderização. Esta é informações de banco de dados
Recommended publications
  • Security Analysis of Firefox Webextensions
    6.857: Computer and Network Security Due: May 16, 2018 Security Analysis of Firefox WebExtensions Srilaya Bhavaraju, Tara Smith, Benny Zhang srilayab, tsmith12, felicity Abstract With the deprecation of Legacy addons, Mozilla recently introduced the WebExtensions API for the development of Firefox browser extensions. WebExtensions was designed for cross-browser compatibility and in response to several issues in the legacy addon model. We performed a security analysis of the new WebExtensions model. The goal of this paper is to analyze how well WebExtensions responds to threats in the previous legacy model as well as identify any potential vulnerabilities in the new model. 1 Introduction Firefox release 57, otherwise known as Firefox Quantum, brings a large overhaul to the open-source web browser. Major changes with this release include the deprecation of its initial XUL/XPCOM/XBL extensions API to shift to its own WebExtensions API. This WebExtensions API is currently in use by both Google Chrome and Opera, but Firefox distinguishes itself with further restrictions and additional functionalities. Mozilla’s goals with the new extension API is to support cross-browser extension development, as well as offer greater security than the XPCOM API. Our goal in this paper is to analyze how well the WebExtensions model responds to the vulnerabilities present in legacy addons and discuss any potential vulnerabilities in the new model. We present the old security model of Firefox extensions and examine the new model by looking at the structure, permissions model, and extension review process. We then identify various threats and attacks that may occur or have occurred before moving onto recommendations.
    [Show full text]
  • Mozilla/Firefox: MDN Web Docs, Recommended Extensions and Tenfourfox FPR23 for Intel
    Published on Tux Machines (http://www.tuxmachines.org) Home > content > Mozilla/Firefox: MDN Web Docs, Recommended Extensions and TenFourFox FPR23 for Intel Mozilla/Firefox: MDN Web Docs, Recommended Extensions and TenFourFox FPR23 for Intel By Rianne Schestowitz Created 12/06/2020 - 5:32am Submitted by Rianne Schestowitz on Friday 12th of June 2020 05:32:58 AM Introducing the MDN Web Docs Front-end developer learning pathway[1] The MDN Web Docs Learning Area (LA) was first launched in 2015, with the aim of providing a useful counterpart to the regular MDN reference and guide material. MDN had traditionally been aimed at web professionals, but we were getting regular feedback that a lot of our audience found MDN too difficult to understand, and that it lacked coverage of basic topics. Fast forward 5 years, and the Learning Area material is well-received. It boasts around 3.5?4 million page views per month; a little under 10% of MDN Web Docs? monthly web traffic. At this point, the Learning Area does its job pretty well. A lot of people use it to study client- side web technologies, and its loosely-structured, unopinionated, modular nature makes it easy to pick and choose subjects at your own pace. Teachers like it because it is easy to include in their own courses. Recommended extensions ? recent additions [2] When the Recommended Extensions program debuted last year, it listed about 60 extensions. Today the program has grown to just over a hundred as we continue to evaluate new nominations and carefully grow the list. The curated collection grows slowly because one of the program?s goals is to cultivate a fairly fixed list of content so users can feel confident the Recommended extensions they install will be monitored for safety and security for the foreseeable future.
    [Show full text]
  • Introduction to HTML/CSS/SVG/D3
    D3 Tutorial Introduction of Basic Components: HTML, CSS, SVG, and JavaScript D3.js Setup Edit by Jiayi Xu and Han-Wei SHen, THe OHio State University HTML - Hyper Text Markup Language • HTML is the standard markup language for creating Web pages • HTML describes the structure of Web pages using markup • HTML elements • HTML elements are the building blocks of HTML pages • represented by tags • Tags • HTML tags label pieces of content such as • <head> tag for “heading” • <p> for “paragraph” • <table> for “table” and so on • Browsers do not display the HTML tags, but use them to render the content of the page HTML - Plain Text • If we display the information only by plain text HTML Basics HTML is designed for marking up text by adding tags such as <p> to create HTML elements. Example image: HTML - Codes and the Result HTML - DOM • When a web page is loaded, the browser creates a Document Object Model of the page • The HTML DOM model is constructed as a tree of Objects HTML - DOM Document Root element: <html> Element: Element: <head> <body> Element: Element: Element: Element: <p> Element: <p> <title> <h1> <img> "to create Text: "HTML Text: "HTML Element "is designed Element: "by adding Element Element: Attribute: Attribute: HTML Tutorial" Basics" <strong> for" <em> tags such as" <code> <strong> "src" "style" elements. " "marking up “Example "HTML" "<p>" text" image” HTML - DOM • With the object model, JavaScript can create dynamic HTML by manipulating the objects: • JavaScript can change all the HTML elements in the page • Change all the
    [Show full text]
  • Mitigating Javascript's Overhead with Webassembly
    Samuli Ylenius Mitigating JavaScript’s overhead with WebAssembly Faculty of Information Technology and Communication Sciences M. Sc. thesis March 2020 ABSTRACT Samuli Ylenius: Mitigating JavaScript’s overhead with WebAssembly M. Sc. thesis Tampere University Master’s Degree Programme in Software Development March 2020 The web and web development have evolved considerably during its short history. As a result, complex applications aren’t limited to desktop applications anymore, but many of them have found themselves in the web. While JavaScript can meet the requirements of most web applications, its performance has been deemed to be inconsistent in applications that require top performance. There have been multiple attempts to bring native speed to the web, and the most recent promising one has been the open standard, WebAssembly. In this thesis, the target was to examine WebAssembly, its design, features, background, relationship with JavaScript, and evaluate the current status of Web- Assembly, and its future. Furthermore, to evaluate the overhead differences between JavaScript and WebAssembly, a Game of Life sample application was implemented in three splits, fully in JavaScript, mix of JavaScript and WebAssembly, and fully in WebAssembly. This allowed to not only compare the performance differences between JavaScript and WebAssembly but also evaluate the performance differences between different implementation splits. Based on the results, WebAssembly came ahead of JavaScript especially in terms of pure execution times, although, similar benefits were gained from asm.js, a predecessor to WebAssembly. However, WebAssembly outperformed asm.js in size and load times. In addition, there was minimal additional benefit from doing a WebAssembly-only implementation, as just porting bottleneck functions from JavaScript to WebAssembly had similar performance benefits.
    [Show full text]
  • Javascript DOM Manipulation Performance Comparing Vanilla Javascript and Leading Javascript Front-End Frameworks
    JavaScript DOM Manipulation Performance Comparing Vanilla JavaScript and Leading JavaScript Front-end Frameworks Morgan Persson 28/05/2020 Faculty of Computing, Blekinge Institute of Technology, 371 79 Karlskrona, Sweden This thesis is submitted to the Faculty of Computing at Blekinge Institute of Technology in partial fulfillment of the requirements for the bachelor’s degree in software engineering. The thesis is equivalent to 10 weeks of full-time studies. Contact Information: Author(s): Morgan Persson E-mail: [email protected] University advisor: Emil Folino Department of Computer Science Faculty of Computing Internet : www.bth.se Blekinge Institute of Technology Phone : +46 455 38 50 00 SE–371 79 Karlskrona, Sweden Fax : +46 455 38 50 57 Abstract Background. Websites of 2020 are often feature rich and highly interactive ap- plications. JavaScript is a popular programming language for the web, with many frameworks available. A common denominator for highly interactive web applica- tions is the need for efficient methods of manipulating the Document Object Model to enable a solid user experience. Objectives. This study compares Vanilla JavaScript and the JavaScript frameworks Angular, React and Vue.js in regards to DOM performance, DOM manipulation methodology and application size. Methods. A literature study was conducted to compare the DOM manipulation methodologies of Vanilla JavaScript and the selected frameworks. An experiment was conducted where test applications was created using Vanilla JavaScript and the selected frameworks. These applications were used as base for comparing applica- tion size and for comparison tests of DOM performance related metrics using Google Chrome and Firefox. Results. In regards to DOM manipulation methodology, there is a distinct difference between Vanilla JavaScript and the selected frameworks.
    [Show full text]
  • Downloads the Lists of Search Engines and Query Terms That Are Previously Defined As Part of an Experimental Design
    Running Head: ALGORITHM AUDITING AT A LARGE-SCALE 1 Algorithm Auditing at a Large-Scale: Insights from Search Engine Audits Roberto Ulloa1, Mykola Makhortykh2 and Aleksandra Urman3 1 GESIS – Leibniz-Institute for the Social Sciences 2 University of Bern 3 University of Zurich Author Note We have no conflicts of interest to disclose. This is a preprint and working version of the paper. Data collections were sponsored from the SNF (100001CL_182630/1) and DFG (MA 2244/9-1) grant for the project “Reciprocal relations between populist radical-right attitudes and political information behaviour: A longitudinal study of attitude development in high- choice information environments” lead by Silke Adam (U of Bern) and Michaela Maier (U of Koblenz-Landau) and FKMB (the Friends of the Institute of Communication and Media Science at the University of Bern) grant “Algorithmic curation of (political) information and its biases” awarded to Mykola Makhortykh and Aleksandra Urman. Running Head: ALGORITHM AUDITING AT A LARGE-SCALE 2 Abstract Algorithm audits have increased in recent years due to a growing need to independently assess the performance of automatically curated services that process, filter and rank the large and dynamic amount of information available on the internet. Among several methodologies to perform such audits, virtual agents stand out because they offer the ability to perform systematic experiments, simulating human behaviour without the associated costs of recruiting participants. Motivated by the importance of research transparency and replicability of results, this paper focuses on the challenges of such an approach. It provides methodological details, recommendations, lessons learned and limitations that researchers should take into consideration when setting up experiments with virtual agents.
    [Show full text]
  • Desarrollo De Una Aplicación Para La Web Utilizando El Web Audio API
    Escola Tècnica Superior d’Enginyeria Informàtica Universitat Politècnica de València Desarrollo de una aplicación para la Web utilizando el Web Audio API Trabajo Fin de Grado Grado en Ingeniería Informática Autor: Víctor Hernández Medrano Tutor: Manuel Agustí Melchor Curso 2018/19 Desarrollo de una aplicación para la Web utilizando el Web Audio API 2 Resumen Este proyecto de fin de grado se centra en el estudio de técnicas de procesado y síntesis de sonido bajo el control de un navegador web, desarrollando una aplicación para la Web basada en la utilización de una interfaz de programación de aplicaciones implementada en el lenguaje de programación JavaScript y especializada para el control del audio. Con el objetivo principal de entender el correcto funcionamiento de la herramienta y ponerla en práctica en una aplicación web real. La solución ha sido programar pequeños ejemplos que ayudan a comprender la mecánica de programación y además sirven de base para el desarrollo de la aplicación final. Después de todo el proceso se ha conseguido elaborar una aplicación web cimentada en el manejo del sonido gracias a los recursos aprendidos y dotándole de interactividad con el usuario. Palabras clave: aplicación web, sonido, JavaScript, interfaz de programación de aplicaciones, navegador web. 3 Desarrollo de una aplicación para la Web utilizando el Web Audio API Resum Aquest projecte de fi de grau se centra en l'estudi de tècniques de processament i síntesi de so sota el control d'un navegador web, desenvolupant una aplicació per a la Web basada en la utilització d'una interfície de programació d'aplicacions implementada en el llenguatge de programació Javascript i especialitzada per al control de l'àudio.
    [Show full text]
  • Reducing the Unwanted Interruptions of Notification Permission Prompts on Chrome Igor Bilogrevic, Balazs Engedy, Judson L
    “Shhh. be quiet!” Reducing the Unwanted Interruptions of Notification Permission Prompts on Chrome Igor Bilogrevic, Balazs Engedy, Judson L. Porter III, Nina Taft, Kamila Hasanbega, Andrew Paseltiner, Hwi Kyoung Lee, Edward Jung, Meggyn Watkins, PJ McLachlan, and Jason James, Google https://www.usenix.org/conference/usenixsecurity21/presentation/bilogrevic This paper is included in the Proceedings of the 30th USENIX Security Symposium. August 11–13, 2021 978-1-939133-24-3 Open access to the Proceedings of the 30th USENIX Security Symposium is sponsored by USENIX. “Shhh...be quiet!” Reducing the Unwanted Interruptions of Notification Permission Prompts on Chrome Igor Bilogrevic Balazs Engedy Judson L. Porter III Nina Taft Kamila Hasanbega Andrew Paseltiner Hwi Kyoung Lee Edward Jung Meggyn Watkins PJ Mclachlan Jason James Google {ibilogrevic,engedy,jud,ninataft,hkamila,apaseltiner,hwi,edwardjung, meggynwatkins,pjmclachlan,jasonjames}@google.com Abstract having to install and run dedicated applications. Some of those APIs provide access to sensitive data (such as geolocation or Push notifications can be a very useful feature. On web the microphone), and in those cases the website has to ask browsers, they allow users to receive timely updates even if the user for permission before it can access such data [44]. the website is not currently open. On Chrome, the feature has Moreover, permission-gated APIs can provide an additional become extremely popular since its inception in 2015, but it is layer of security from other kinds of abuses, such as spam, also the least likely to be accepted by users. Chrome teleme- phishing or deceptive marketing [5, 29]. try shows that, although 74% of all permission prompts are about notifications, they are also the least likely to be granted Web push notifications are a very popular mechanism for with only a 10% grant rate on desktop and 21% grant rate websites to keep their users updated with timely content when on Android.
    [Show full text]
  • Identifying Javascript Skimmers on High-Value Websites
    Imperial College of Science, Technology and Medicine Department of Computing CO401 - Individual Project MEng Identifying JavaScript Skimmers on High-Value Websites Author: Supervisor: Thomas Bower Dr. Sergio Maffeis Second marker: Dr. Soteris Demetriou June 17, 2019 Identifying JavaScript Skimmers on High-Value Websites Thomas Bower Abstract JavaScript Skimmers are a new type of malware which operate by adding a small piece of code onto a legitimate website in order to exfiltrate private information such as credit card numbers to an attackers server, while also submitting the details to the legitimate site. They are impossible to detect just by looking at the web page since they operate entirely in the background of the normal page operation and display no obvious indicators to their presence. Skimmers entered the public eye in 2018 after a series of high-profile attacks on major retailers including British Airways, Newegg, and Ticketmaster, claiming the credit card details of hundreds of thousands of victims between them. To date, there has been little-to-no work towards preventing websites becoming infected with skimmers, and even less so for protecting consumers. In this document, we propose a novel and effective solution for protecting users from skimming attacks by blocking attempts to contact an attackers server with sensitive information, in the form of a Google Chrome web extension. Our extension takes a two-pronged approach, analysing both the dynamic behaviour of the script such as outgoing requests, as well as static analysis by way of a number of heuristic techniques on scripts loaded onto the page which may be indicative of a skimmer.
    [Show full text]
  • Programación Web Profesor: César A. De
    MINISTERIO DE EDUCACIÓN CENTRO EDUCATIVO BILINGÜE FEDERICO ZÚÑIGA FELIÚ ASIGNATURA: MULTIMEDIA Y DESARROLLO WEB MÓDULO 2: PROGRAMACIÓN WEB PROFESOR: CÉSAR A. DELGADO B. Multimedia y Desarrollo Web Antes de tratar cualquier asunto relacionado con los entornos de programación para la Web, es preciso comentar que no es necesario tener conocimientos previos del lenguaje de marcado HTML, pero deberíamos estar, al menos, familiarizado con el uso básico de computadoras, y usar la Web pasivamente (por lo menos haber utilizado un navegador o buscador web para consumir contenido de la Web) Debemos tener claro que es fundamental para un Programador Web contar con un entorno de trabajo básico y entender cómo crear, gestionar archivos y carpetas que encontramos en el sistema operativo de nuestro ordenador. Ahora bien, Internet es una red que conecta ordenadores a través de todo el planeta, para compartir contenidos alojados, a través de algunos de esos ordenadores, normalmente denominados servidores. Así, cada servidor puede contener algún tipo de recurso o de servicio. El servicio más extendido de Internet es sin duda la World Wide Web; es decir, la red de servidores de páginas web. Los servidores de la World Wide Web contienen páginas web que pueden ser consultadas por cualquier usuario para acceder a información e incluso interactuar con ellas, comportándose como verdaderas aplicaciones. Las páginas web internamente se estructuran como archivos de texto que, al ser transferidos al ordenador o al dispositivo del usuario, pueden ser interpretados con sentido por un navegador web, como Firefox, Chrome, Opera, Safari, etc. Para que los navegadores puedan entender correctamente las páginas web, éstas utilizan un conjunto de normas denominadas HTML (que viene de HyperText Markup Language), que son empleadas para definir la estructura semántica de la información contenida en una página web.
    [Show full text]
  • Download Chromium Windows Latest Version Chromium for Windows
    download chromium windows latest version Chromium for Windows. Chromium is the open-source version of the vastly popular Google Chrome. It features the development build that they use to continue to update the latest versions of the web. While it is different, it remains similar to the regular Chrome. User Interface. Chromium is quite similar to Chrome as they are based on Chromium OS. It features the all-in-one tab that has the setting and bookmarks. There is no scrolling mechanism for when you open up too many tabs, making it difficult to switch between them when you have many open. Features. The main characteristic Chromium comes with is the ability to have all your Google account information synchronised with it. The software is ideal for people who are developing websites or who want to develop extensions, as they can make the most of the dev build. It also comes with the ability to use a wide variety of extensions to make the user’s life easier. Google Translate comes pre-loaded into the browser. It is safe and has no viruses. Problems. The main issue with it is the lack of updates. You will have to ensure that your version remains up to date. Finding these upgrades can be a hassle because there are a variety of versions on the internet. While the browser is one of the fastest, it consumes a lot of RAM. This problem worsens if you keep a lot of tabs open. Alternatives. Google Chrome is the first competitor as it’s almost identical.
    [Show full text]
  • CENTRO UNIVERSITÁRIO DO CERRADO PATROCÍNIO UNICERP Graduação Em Sistemas De Informação
    CENTRO UNIVERSITÁRIO DO CERRADO PATROCÍNIO UNICERP Graduação em Sistemas de Informação GABRIEL RODRIGUES GOMES A EFICÁCIA DO USO DE NODE.JS NA CONSTRUÇÃO DE APIS PATROCÍNIO/MG 2018 GABRIEL RODRIGUES GOMES A EFICÁCIA DO USO DE NODE.JS NA CONSTRUÇÃO DE APIS Trabalho de Conclusão de Curso apresentado como exigência parcial para obtenção do grau de bacharel em Sistemas de Informação, pelo Centro Universitário do Cerrado Patrocínio – UNICERP. Orientador: Prof. Esp. Breno Cristovão Rocha PATROCÍNIO/MG 2018 AGRADECIMENTOS Agradeço em primeiro lugar a Deus, por me dar a oportunidade de através do meu esforço chegar a este momento tão esperado. Em sequência agradeço aos meus familiares cujo estiveram ao meu lado em todo o decorrer do curso, em momentos de alegria, desânimo e dificuldades, sempre me impulsionando para um bem maior. A todos os professores que de alguma forma contribuíram para que este momento fosse possível, em especial meu professor e orientador Breno Cristovão Rocha, que disponibilizou dias neste ano para auxiliar-me no desenvolvimento deste projeto, sendo então possível que este momento de êxito chegasse. Por fim, agradeço também a todos que um dia retiraram uma pequena parcela de seus dias e de suas vidas para aconselhar e orientar-me sobre minha vida acadêmica e profissional, sem todos os citados acima, com certeza nada disso seria possível. RESUMO Introdução: Com o alto crescimento dos meios de comunicação, destacando neste projeto a web, a demanda de aplicações que sejam estáveis, rápidas e com grande capacidade de integração com outros meios, vem crescendo a cada dia. Com a junção do conceito de integração advindo das APIs e da proposta de escalabilidade e diminuição no fluxo de espera de processamentos utilizando Node.js, este artigo foi elaborado a fim de mostrar como ambas tecnologias podem se mostrar eficientes lado a lado.
    [Show full text]