• Workshop | How to create your first babel plugin?

    Online event

    Hello JSLovers,

    [Invites are out. Please check your mails]

    Session Details

    Workshop topic: to create your first babel plugin?

    The agenda is to understand How JavaScript gets complied and how can we make our own babel plugin by understanding AST's structure to compile and transpile our piece of code.

    Prerequisites - Clone Github Repo - https://github.com/plxity/Babel-plugin-talk

    Speaker: Apoorv Taneja (https://twitter.com/apoorv_taneja)

    Meetup link will be shared over Invites.

    Thanks,
    JSLovers Team

    Venue - Online

    8
  • Deep dive into TC39, JavaScript Engines & Open Sourced lib from HUAWEI

    Hello JSLovers,

    [Invites are out]

    Session Details

    1st talk:

    Topic: Light-weight Java Script for 1+8+N Connected IOT Application Development

    Introduction of 1+8+N connection platform for the next generation innovation and connected world with the newly emerging distributed OS platform and ecosystem - Harmony OS, and using a light-weight Javascript framework to build innovative applications for connected devices

    Speaker: Valluri Kumar, CHIEF ARCHITECT, HUAWEI TECHNOLOGIES INDIA (https://www.linkedin.com/in/valluri-kumar-2015a18/)

    2nd talk:

    Topic: How do JavaScript engines work?

    JS runtime environment overview
    JS engine architecture
    Overview of Google's v8 engine

    Speaker: Aditya Sharma (https://www.linkedin.com/in/sharmaaditya570191)

    3rd talk:

    Topic: TC39 Demystified

    JavaScript boasts of one of the most vibrant and diverse programmer
    communities, with a diverse set of needs and opinions about what the
    future of the language should look like. In the middle of all of this
    effort, sits TC39. However, TC39 needs to take all stakeholders into
    account, including not only TC39 members but also the greater JavaScript community. This includes *you*!

    What tools and techniques does TC39 employ to ensure that everyone has a voice during this process, and how can you make the best of them to interact and get involved? By the end of this talk, you would have a
    a better idea of how TC39 operates and how you may voice your opinions and criticisms through proper channels and affect the future of
    your favorite programming language looks like.

    Speaker: Ujjwal Sharma (https://twitter.com/ryzokuken)

    Thanks,
    JSLovers Team

    Venue - Online

    7
  • Cloud for Beginners

    Online event

    Who should attend:

    Folks who are 100% new to the cloud or planning to start their cloud journey

    This session will be done on Zoom or Google Meet. We will update the link 4 days before the session.

    Agenda:

    - What is cloud
    - On-premises
    - Where it fits in today's life of a developer
    - Features of cloud
    - components of cloud
    - Introduction to AWS
    - Introduction to services IAM and S3

    Speaker: Neha Sharma [ https://www.linkedin.com/in/nehha/ ]

    Questions: [masked]

    3
  • Bootcamp: Full stack Development [ ReactJS and NodeJS ] | 30 Hrs

    Detail content and plan : https://docs.google.com/document/d/12wiy7PyTyIUNetQFf6Jmz3JqhJmHwxq1DTUcPSQa1Xk/

    When:
    5th June 2021 (Sunday and Saturday) 2 hrs total 30hrs course | ONLINE | WhatsApp group for feedback

    Aim:
    To learn Reactjs and Nodejs from Basics to Intermediate. We will create a food ordering app while learning this

    It is a paid workshop of Rs 2000 / per person. After 1st class, if you didn’t like you can drop and fees will be refunded 100%

    Do the payment at nsharma215@okicici and after that fill the form (upload screenshot of the payment)

    IMPORTANT: ALL THE MONEY RAISED FROM THIS WORKSHOP WILL GO 100% FOR COVID DONATION.

    Details: https://docs.google.com/document/d/12wiy7PyTyIUNetQFf6Jmz3JqhJmHwxq1DTUcPSQa1Xk/

    ReactJS:

    What is Reactjs
    Why Reactjs
    Thinking in ReactJS
    JSX
    Props and Prop types
    ESLint
    Type of Components
    Parent-child relationship
    Styling in ReactJS
    Introduction to Class components and State
    Project Setup
    API requests and UI creation
    Events
    Introduction to hooks useEffect, useState, useRefs
    Introduction to Redux
    Setting up Redux in project
    Store
    Reducers
    Actions
    Refactoring the app with mock data and Redux

    Extra:

    Debugging
    Code Optimization
    React Patterns

    Nodejs:

    What is Nodejs
    Why Nodejs
    Installing Nodejs
    Create your server
    Create REST APIs
    Install MongoDB
    Saving data
    Testing with POSTMAN
    Replacing MOCK DATA with Nodejs API

    Deployment:

    Introduction to Netlify
    Deployment of the app to Netlify

    Extra Sessions of 1hr each:

    React Performance
    React Security
    Group Doubt clearing

    9
  • CSS Storytelling Architecture

    Online event

    Hello JSLovers,

    [Invites are Out]

    A very happy New Year to Everyone.

    Session

    CSS storytelling architecture. It is an imaginary story that represents the CSS, in a way that we can understand the CSS code nature, from a direct reading of the CSS and/or the HTML. In this talk Elad will talk about:

    - Project folder and file structure
    - Global Variable Definitions
    - How to reset a CSS project
    - Utility Classes
    - Partials Types
    - And a lot more

    Speaker: Elad Shechter (https://www.linkedin.com/in/eladshechter/)

    The online link shared.

    Thanks,
    JSLovers Team

    Venue - Online

  • WebRTC for the rest of us

    Online event

    Hello JSLovers,

    [Invites will be out soon]

    A very happy New Year to Everyone.

    Session

    1) WebRTC for the rest of us: WebRTC is a collection of protocols that grants computers the power to share data and real-time media without the intervention of a server. Well, that’s kind of a lie. We still need servers to help establish the connection. But it’s still pretty cool! If you've never heard of it before, WebRTC is the technology that powers Zoom, Google Hangouts, and other such video conferencing platforms.

    In this talk, we'll build a very simple video chat app to demonstrate the basics of working with WebRTC in the browser. Along the way, we’ll learn about all the interesting networking involved in establishing peer to peer connections. We’ll talk about STUN, TURN, ICE, and a mouthful of other fun acronyms. By the end of the talk, the goal is to understand the browser's role in peer to peer video communication.

    Speaker: Hayden Braxton (https://www.linkedin.com/in/hayden-not-java-braxton-195331a5/)

    The online link shared.

    Thanks,
    JSLovers Team

    Venue - Online

  • Let's get to know more about GraphQL

    Online event

    Hello JSLovers,

    [THIS IS A FREE, BUT INVITE ONLY EVENT.]

    Sessions

    1) TypeSafe Caching for React (Native): Incredible DX with GraphQL Tooling talk by Vilva Athiban P B (Twitter: @vilvaathibanpb)

    Handling Cache / Offline data is challenging irrespective of the platform (Web or React Native). When the data scales with multi-level nesting, its a pain to read or write from localStorage / AsyncStorage, and maintaining the application becomes harder. This talk will explain the advantages of using Graphql tooling to handle cache data, thereby drastically improving the developer experience and making maintenance of the application easier.

    Tools like `GraphQL-codegen` auto-generates `types` based on the server-side schema and makes it available for frontend. In addition to types, it can create framework-specific reusable components/hooks / HOCs, etc. Further, it helps us manage all the graphQL related files/code in a handy way. This tool can also be added to pr-checker to ensure accountability of the fields between frontend and backend. Extending this tool with the `Apollo-cache-persist` provides us a beautiful way to maintain, re-use, share, and organize cache data. Since its type-safe and gives the possibility of autocomplete with intelli-sense, developers can be highly productive with this tooling and eco-system. Codebase also stays highly scalable and easily maintained. It is highly resistant to run-time errors as most issues are captured during development.

    In addition to managing cache efficiently, it also provides features for better, type-safe local state management and sharing cached data across different parts of the application. This ensures the consistency of the data across the application.

    Pre-requisites
    -

    Setup:
    -

    2) What is(nt) GraphQL - the misconceptions talk by Shruti Kapoor (Twitter: @shrutikapoor08)

    When you first heard of GraphQL, did you think it was SQL type language? Did you think it was used for graph type data structures only? You are not alone! There are a lot of misconceptions about GraphQL and what "Graph" and "QL" in GraphQL means. In this talk, I will be debunking common misconceptions about GraphQL.

    Pre-requisites
    -

    Setup:
    -

    3) Go server less and with GraPhQL codelab by Vaibhav Vashishtha (Twitter: vvashishtha)

    To understand the quick and easy ways to get introduced to graphql over serverless.

    Pre-requisites
    -

    Setup:
    -

    Please register for the event by filling the form:
    https://docs.google.com/forms/d/e/1FAIpQLScP2q5sK9WRc5yuu6RIasfW0gJmT78ETKw0kxO6mRULD4yayA/viewform

    The online link will be shared 1 day before the meetup.

    Thanks,
    JSLovers Team

    Venue - Online

    1
  • Beginners in GoLang

    Online event

    Hello JSLovers,

    [THIS IS A FREE, BUT INVITE ONLY EVENT.]

    Sessions

    1) Why and how to Go? by Vaibhav Vashishtha (Twitter: @vvashishtha)

    To understand the beauty of the Go language and why is the world moving to it, why is it important and how should one Go around it.

    Pre-requisites
    - Familiarity with shell (Linux), terminal (macOS), or PowerShell (Windows)

    Setup:
    - Install GoLang - https://golang.org/doc/install
    - Any preferable IDE / Code editor - like VS Code

    Please register for the event by filling the form:
    https://docs.google.com/forms/d/e/1FAIpQLSfW-ES7REDCNtWFtDKNz1QQhlqSfW7CUDUyigPm6UcVh_AyUA/viewform

    The online link will be shared 1 day before the meetup.

    Thanks,
    JSLovers Team

    1
  • Let's explore VueJS

    Online event

    Sessions

    1) JAMstack FTW- Static Site Generation With Gridsome by Gift Egwuenu

    The JAMstack is the new way of building modern web applications and has evolved over the years. In this session, I'll give an introduction to Gridsome, A static site generator with Vue.js. How we can leverage the JAMstack in building awesome websites with Gridsome also gives the audience a view on what they can achieve with Gridsome. By the end of this talk, attendees will understand how to build a website using Gridsome, and all the possibilities they can leverage by using JAMstack to build blazing-fast websites with better performance and great security.

    2) MEVN-CLI, Light speed setup for MEVN stack web apps by James George

    I aim to introduce the capabilities of MEVN-CLI to the audience, say how can one get up and running quickly with a MEVN stack application.

    3) Optimising NuxtJS for Speed by Tarun Mangukiya

    In this talk, we'll learn about good practices in NuxtJS that can increase the speed and performance of your web app. We'll talk about multiple methods of JS Optimizations, handling CSS, and also other off-page speed improvements.

    4
  • Bringing Jamstack for All in 2020

    Online event

    Hello JSLovers,

    Welcome to JSLovers Meetup!!

    Topic: Bringing Jamstack for All in 2020

    Duration: 50 Mins

    Speaker: Tapas - https://www.linkedin.com/in/tapasadhikary/

    Abstract: Since the emergence of Jamstack as application development and delivery paradigm in 2015, it has come a long way. From a static site generation to enterprise use-cases, Jamstack can be used without over complicating things. In this talk, we will see what Jamstack is, how it fits the bill, and where it may not fit. We will also understand the myths around it to get more acceptable and confident about Jamstack. Tools and technologies are an integral part of Jamstack. We are going to get familiarized with modern tools and technologies as well.

    Who Should Attend: Any developer who is into the web domain

    How to Attend: Fill this form https://forms.gle/kLH5HA3QBR7CH3uTA and we will send the invite a day before the Meetup

    Do not forget to spread the word by following us on the Twitter @jslovers_del

    Happy Learning!!

    6