Senior Software Engineer
Neurotone AI
Frontend Engineer
Stargazr.AI
Sr Frontend Engineer
Ocrolus
Software Engineer
Flyhomes
Imp: I dont recommend this company
Product Engineer
Sprinklr
Spice up your Web App with Animation using Lottie 🔥
<p><span style="background-color: #f1c40f;"><span style="background-color: #ffffff;"><strong>Framework/Language</strong>: </span>React.js</span><br /><span style="background-color: #f1c40f;"><span style="background-color: #ffffff;"><strong>Level</strong>: </span>Beginners</span><br /><br />After completing this Codelab, you will be able to add animations like this in your WebApp 😎. <a href="https://zri9t.csb.app/" target="_blank" rel="noopener">Preview</a><br /><br /></p> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://json.commudle.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBc0VSIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--6945a4be4af8e7a14b1315c2496ece7826e36a28/final%20preview.gif" alt="" width="806" height="541" /></p> <h2>What you will learn 😉</h2> <p>To build a React App from scratch and add animations using <a href="https://airbnb.io/lottie/#/" target="_blank" rel="noopener">Lottie</a>.</p> <p> </p> <h2>Tools/Knowledge you will require 🛠</h2> <ul> <li>VS Code/ <a href="https://codesandbox.io/s/x335plk7xo?file=/src/App.js" target="_blank" rel="noopener">codesandbox.io</a></li> <li>Node Installed (Use nvm- <a href="https://commudle.com/labs/node-js-npm-npx-yarn-huh/steps/22442" target="_blank" rel="noopener">Steps to Install</a>)</li> <li>Basics of JavaScript</li> </ul> <p><br /><strong>Note</strong>: Preact version of this Codelab is available in blog format <a href="https://dev.to/insanenaman/spice-up-your-web-app-with-animation-using-lottie-1nmo" target="_blank" rel="noopener">here</a>. </p>
7
Node.js, npm, npx, yarn - huh?
<p><span style="background-color: #f1c40f;"><span style="background-color: #ffffff;"><strong>Framework/Language</strong>: </span>Node.js</span><br /><span style="background-color: #f1c40f;"><span style="background-color: #ffffff;"><strong>Level</strong>: </span>Beginners<br /><br /></span></p> <h2>What you will build/learn</h2> <p>This Codelab includes concepts/tools explanation and code snippets. To keep it simple, I have tried my best to explain things in the easiest way possible. Also, I have added some GIFs so that you can see those snippets in action.</p> <h2><br />Scope & Preferred for: </h2> <p>This Codelab has been designed especially for those who are just <span style="background-color: #ffffff;"><strong>beginning</strong> with Node </span>and have some confusion about buzz words like npm, npx, node etc. </p> <h2><br />Things you will learn</h2> <p>What is:</p> <ul> <li>Node.js</li> <li>NPM</li> <li>Yarn </li> <li>NPX<br /><br /></li> </ul> <h2>Tools you will require</h2> <ul> <li>A computer/laptop with an internet connection. </li> </ul> <p> </p>
4
JavaScript, Introduce Yourself!
<p>Hello Stranger, My name is <strong>JavaScript</strong>. I am the programming language for Web. I can help you in creating website's Frontend, Backend, scripts and much more. My job is to add functionality (like Button Click, talking to server etc) to websites. I am quite easy to learn and <span class="passivevoice">is used</span> almost everywhere around the world.😛</p> <p> </p> <h2>What you will learn</h2> <p>In this codelab, I will teach you the basic concepts of mine. It won't take much of your time. You can learn advance topics (ES6, Hoisting, this etc) in further codelabs. </p> <p> </p> <h2>Prerequisites </h2> <ul> <li>Familiarity with basic concepts of programming <em>(like what are variables, loops, if-statement). </em>I will discuss only the syntax. 😅</li> </ul> <p> </p> <h2>Things you will learn</h2> <ul> <li>Basics of JavaScript</li> </ul> <p> </p> <h2>Hacking Setup</h2> <ul> <li>To keep everything simple, you would be writing my code using JSBin. Just visit <a href="https://jsbin.com/?js,console">https://jsbin.com/</a> and start coding. See I am so easy to learn. 😎</li> </ul> <p><img style="display: block; margin-left: auto; margin-right: auto;" src="https://json.commudle.com/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBblVQIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1a7099d039a42ed4b814fb5ac39efb70ea0fa707/hellojs.gif" alt="" width="965" height="221" /></p> <p style="text-align: center;"> </p> <p style="text-align: center;"><br /><strong>Let the hacking begin</strong> 👨‍💻👩‍💻 .</p>
8
.png "GDG New Delhi")
GDG New Delhi
55261 members
GDG New Delhi
55261 members
GDG Cloud New Delhi
48578 members
WTM Delhi
18987 members
Women in Machine Learning and Data Science, Delhi
3911 members
Women Who Code Delhi
5918 members
