Giter Site home page Giter Site logo

Hi there ๐Ÿ‘‹. I'm Natalia.

About me

My name is Natalia Venditto, I was born in ๐Ÿ‡บ๐Ÿ‡พ 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 on Azure.

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

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 modufying 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
  • Comming 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.

Natalia Venditto's Projects

30daysofswa icon 30daysofswa

Jumpstart Your Static Web Apps Learning Journey with #30Days Of Content and Activities

add-doc icon add-doc

A schematic to extend scully add-post

aem-core-wcm-components icon aem-core-wcm-components

Adobe Experience Manager (AEM) Sites Core Components - flexible, extensible, and feature-rich components to build sites

alloy icon alloy

A framework for code generation

angular icon angular

The modern web developerโ€™s platform

arepa-ipsum icon arepa-ipsum

Lorem Ipsum generator based on Venezuelan street food.

aspire icon aspire

An opinionated, cloud ready stack for building observable, production ready, distributed applications in .NET

atlassearchmovies icon atlassearchmovies

Uses Atlas Search with the sample_mflix.movies collection to find movies based on a topic or title. Uses autocomplete, fuzzy matching, boost score modifier, and faceting across dates and numerics.

augmentr icon augmentr

Sample showing how to do Retrieval Augmented Generation using .NET Aspire, Semantic Kernel, and OpenAI.

awesome-azd icon awesome-azd

An awesome list that curates content (articles, videos, tutorials and docs) and templates (ready to use) for the Azure Developer CLI (`azd`). Plus a hosted azd-templates Gallery to simplify search & discovery

awesome-devcontainers icon awesome-devcontainers

A curated list of awesome tools and resources about dev containers for common programming languages and technology stacks to boost your developer productivity ๐Ÿš€

azure-ai-cli icon azure-ai-cli

This repository is for active development of the Azure AI CLI. For consumers of the SDK we recommend visiting our public developer docs at https://aka.ms/azaicli

azure-openai-chat-frontend icon azure-openai-chat-frontend

The Chat App Protocol compliant user-interface building block, for your chat-gpt like RAG pattern applications built with Azure OpenAI and Azure AI Search.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.