Skip to content
View anfibiacreativa's full-sized avatar
🦆
Quack!
🦆
Quack!
532 followers · 22 following

Achievements

Achievement: Pair Extraordinairex3Achievement: Starstruckx2Achievement: Pull Sharkx3Achievement: QuickdrawAchievement: YOLOAchievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair Extraordinairex3Achievement: Starstruckx2Achievement: Pull Sharkx3Achievement: QuickdrawAchievement: YOLOAchievement: Arctic Code Vault Contributor

Organizations

@adobe @Azure-Samples @microsoft @Azure @nodejs @MicrosoftDocs @openjs-foundation

Block or report anfibiacreativa

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
anfibiacreativa/README.md

Hi there 👋. I'm Natalia.

About me

My name is Natalia Venditto, I was born in Montevideo, Uruguay 🇺🇾 and I currently work in the role of Principal Program Manager with Microsoft, leading the JavaScript and Node.js e2e developer experience and developer tools for Azure and VS Code for Azure.

I am also a core contributor to Web Fragments

I've been in tech for a while, also in the roles of Principal Solutions Architect for the Adobe tech stack, Principal Frontend Engineer at Cognizant, Senior Solutions Architect with MongoDB, and full-stack freelance developer and consultant. I'm also an international technical public speaker.

➡️ If you wanna know more about me, please visit my personal website

https://www.microfrontend.dev

that I use to spread knowledge about full-stack JavaScript development, micro architectures, composability, serverless and cloud-native.

You may also want to checkout my recent video collection "What is JavaScript: Understanding JavaScript as a Non-Developer or Junior Developer Member of a Cross Functional Software Development Team" published by O'Reilly Media for which I have won the JavaScriptLandia Community Award Pathfinder for Education from the OpenJS Foundation

Link and title Content Summary Link and title Content Summary
1 - Introduction to JavaScript
  • Overview of JavaScript
  • Basic Syntax and Structure
 2 - JavaScript Runtime and Engines
  • The browser: Understanding where JavaScript code runs
  • Difference between runtime and engine
3 - Functions and abstractions
  • Declaration and invocation of functions
  • Parameters and return values
  • Function expressions and arrow functions
  • Understanding abstraction in JavaScript
 4 - Variables and Data Types
  • Declaration of variables
  • Primitive data types
5 - Arrays, Objects and Syntactic Sugar
  • Creating and manipulating arrays
  • Working with objects in key, value pairs
  • Array methods (map, filter)
  • Explaining syntactic sugar
 6 - Control Flow and Error Handling
  • Conditional statements (if, else if, else)
  • Loops (for, while, forEach)
  • Error handling (try, catch, finally)
  • Why is error handling important?
7 - Scope, Closures, and Functional Programming Concepts
  • Understanding scope
  • Closure concept with example
  • Introduction to functional programming concepts
 8 - Document Object Model (DOM)
  • Introduction to the Document Object Model (DOM)
  • Selecting and modifying HTML elements
9 - Events and Event Handling
  • Understanding event listeners
  • Reacting to user interaction (click, hover)
 10 - Asynchronous JavaScript
  • Introduction to asynchronous JavaScript programming
  • Callbacks, Promises and async/await syntax
11 - Error Handling and Debugging
  • Understanding JavaScript errors and debugging techniques
  • The browser developer tools
  • What are source maps?
 12 - Runtime Performance metrics and Performance Optimization
  • Optimizing code performance
  • Identifying bottlenecks
  • Modern runtime performance metrics: Core Web Vitals
13 - JavaScript Modules and ES6+ Features
  • Benefits of modular programming
  • Creating and importing/exporting modules
  • Overview of modern JavaScript features (ES6+)
 14 - Web Platform APIs and the JavaScript Ecosystem
  • Overview of Web Platform APIs
  • Introduction to the JavaScript Ecosystem
  • Navigating libraries, frameworks and tools
15 - Introduction to TypeScript
  • Overview of Typescript and its benefits
  • Basic types and annotations
 16 - Transpiling, bundling and optimizing JavaScript
  • Understanding the need for transpilation
  • What are polyfills?
  • Introduction to bundling tools and their role in packaging JavaScript code
  • Techniques for optimizing JavaScript for performance and efficiency
  • Best practices for managing dependencies and reducing bundle size
17 - JavaScript frameworks
  • Brief overview of popular JavaScript frameworks
  • Understanding their roles and differences
  • How to select the best framework for a specific problem based on documentation, community, maturity and paradigms
 18 - Testing in JavaScript
  • Introduction to testing methodologies
  • Testing frameworks and libraries
  • Writing and executing tests for JavaScript code (and example)
  • Importance of testing in ensuring code quality and reliability
19 - Server-side JavaScript with Node.js
  • Introduction to Node.js and its role in server-side development
  • Building server-side applications with Node.js
  • Exploring frameworks for creating web-servers
  • Understanding the advantages and use-cases of server-side JavaScript
 20 - Cloud Computing with JavaScript
  • Integration of JavaScript with cloud services
  • Deploying JavaScript applications to cloud platforms
  • Leveraging serverless architecture with JavaScript
  • Scalability, reliability, security and data soverignity considerations for cloud-based JavaScript applications
21 - Strategic planning with JavaScript
  • Assessing emerging technologies and trends
  • Formulating long-term strategies leveraging JavaScript
  • Aligning technical and business objectives
 22 - HTTP Requests and Responses and JavaScript -
  • Understanding the basics of the HTTP protocol
  • Making HTTP requests using JavaScript
  • Handling HTTP responses and processing data
23 - Working with APIs in JavaScript
  • Introduction to APIs (Application Programming Interfaces)
  • Consuming and interacting with external APIs using JavaScript
  • Authentication, error handling and best practices for working with APIs
  • API Contracts: the OpenAPI Specification or OAS

➡️ I am currently very involved with initiatives that integrate API-First architecture patterns and tools, and portable interoperable runtimes, like WASI enabled Wasm.

Pinned Loading

  1. web-fragments/web-fragments web-fragments/web-fragments Public

    A radically different microfrontend solution that actually works and is easy to incrementally adopt.

    TypeScript 181 15

  2. web-fragments-migration-demo web-fragments-migration-demo Public

    A sample to illustrate decoupling and migrating enterprise Angular and React monolithic apps, to micro-frontends with web-fragments

    TypeScript 3 1

  3. Azure-Samples/contoso-real-estate Azure-Samples/contoso-real-estate Public archive

    Intelligent enterprise-grade reference architecture for JavaScript, featuring OpenAI integration, Azure Developer CLI template and Playwright tests.

    JavaScript 955 553

  4. Azure-Samples/azure-search-openai-javascript Azure-Samples/azure-search-openai-javascript Public template

    A TypeScript sample app for the Retrieval Augmented Generation pattern running on Azure, using Azure AI Search for retrieval and Azure OpenAI and LangChain large language models (LLMs) to power Cha…

    TypeScript 293 188