▪️Clone Wars - Open source clones of popular sites
100+ open-source clones and alternatives of popular sites like Airbnb, Amazon, Instagram, Netflix, TikTok, Spotify, WhatsApp, YouTube, etc. List contains source code, tutorials, demo links, tech stack, and GitHub stars count. Great for learning purpose!
Github: https://github.com/GorvGoyl/Clone-Wars
#Clone #Github
100+ open-source clones and alternatives of popular sites like Airbnb, Amazon, Instagram, Netflix, TikTok, Spotify, WhatsApp, YouTube, etc. List contains source code, tutorials, demo links, tech stack, and GitHub stars count. Great for learning purpose!
Github: https://github.com/GorvGoyl/Clone-Wars
#Clone #Github
NPM Commands Every Developer Should Know.
📌
Initializes the package.json file of a project.
Use the -y flag to skip the questions and to create a package.json using default values.
📌
Installs the dependencies listed in package.json.
Shorthand:
📌
Installs a package from the npm registry.
Shorthand:
📌
Installs a package globally on your machine.
📌
Like the command itself suggests, it uninstalls packages that are already installed.
Shorthand:
📌
Uninstalls a global package from your machine.
📌
Updates the specified package to the latest version available. If 'package' is not specified, it updates every package.
Shorthand:
📌
Updates a global package to the latest version available.
📌
Lists all the installed packages and their versions, along with their dependencies in a tree structure.
📌
Shows available details about the specified package. If the version is not set, it defaults to the latest version.
📌
Executes the specified 'script', if found as a property of the 'script' object in package.json.
📌
Tries to show the appropriate documentation page for the term provided.
#NPM #Commands #Devloper
📌
npm init
Initializes the package.json file of a project.
Use the -y flag to skip the questions and to create a package.json using default values.
📌
npm install
Installs the dependencies listed in package.json.
Shorthand:
npm i
📌
npm install <package>
Installs a package from the npm registry.
Shorthand:
npm i <package>
📌
npm install -g <package>
Installs a package globally on your machine.
📌
npm uninstall <package>
Like the command itself suggests, it uninstalls packages that are already installed.
Shorthand:
npm un <package>
📌
npm uninstall -g <package>
Uninstalls a global package from your machine.
📌
npm update <package>
Updates the specified package to the latest version available. If 'package' is not specified, it updates every package.
Shorthand:
npm up <package>
📌
npm update -g <package>
Updates a global package to the latest version available.
📌
npm list
Lists all the installed packages and their versions, along with their dependencies in a tree structure.
📌
npm view <package> <version>
Shows available details about the specified package. If the version is not set, it defaults to the latest version.
📌
npm run <script>
Executes the specified 'script', if found as a property of the 'script' object in package.json.
📌
npm help <term>
Tries to show the appropriate documentation page for the term provided.
#NPM #Commands #Devloper
Javascript Weekly 24
• News Shader Park: Create Interactive 2D and 3D Shaders with JavaScript
• News Prettier 2.6 Released
• News Tired of Explaining Why Your Big Tech Cloud Bill Keeps Growing?
• News How npm Packages Were Used in a Protest Against the War in Ukraine
• News Deno 1.20 Released
• News How To Make a Drag-and-Drop File Uploader with Vue.js 3
• News A Delightful React File/Directory Structure
• News How to Use JavaScript to Extend the Functionality of Your Chatbot
• News The 'Double-Assignment Pattern' in jQuery's Source Code
• News Next.js's New Official 'Foundations' Course
• News Remix vs Next.js
• News Creating a Simple Table Sorting and Pagination Feature
• News Announcing Build Matrix
• News A Discussion of Where TypeScript Excels
• News Upgrading Next.js for Instant Performance Improvements
• News Peaks 1.0: UI Component for Interacting with Audio Waveforms
• News Wave.js 2.0: An Audio Visualization Library
• News Faker 6.0: Generate Massive Amounts of Fake Data in Node or Browser
• News Pulumi: Developer-First Infrastructure with JavaScript
• News sysend.js: Send Messages Between Open Pages or Tabs in Same Browser
• News Chrome Extension CLI: The CLI for Your Next Chrome Extension
• News js2xml: Convert JavaScript Code to an XML Document
• News Emoji Button: A Vanilla JavaScript Emoji Picker
• News Liqvid 2.1: Create Interactive Videos with React, HTML, CSS, and JS
Tags: #Javascriptweekly #Javascript #JS #weekly
• News Shader Park: Create Interactive 2D and 3D Shaders with JavaScript
• News Prettier 2.6 Released
• News Tired of Explaining Why Your Big Tech Cloud Bill Keeps Growing?
• News How npm Packages Were Used in a Protest Against the War in Ukraine
• News Deno 1.20 Released
• News How To Make a Drag-and-Drop File Uploader with Vue.js 3
• News A Delightful React File/Directory Structure
• News How to Use JavaScript to Extend the Functionality of Your Chatbot
• News The 'Double-Assignment Pattern' in jQuery's Source Code
• News Next.js's New Official 'Foundations' Course
• News Remix vs Next.js
• News Creating a Simple Table Sorting and Pagination Feature
• News Announcing Build Matrix
• News A Discussion of Where TypeScript Excels
• News Upgrading Next.js for Instant Performance Improvements
• News Peaks 1.0: UI Component for Interacting with Audio Waveforms
• News Wave.js 2.0: An Audio Visualization Library
• News Faker 6.0: Generate Massive Amounts of Fake Data in Node or Browser
• News Pulumi: Developer-First Infrastructure with JavaScript
• News sysend.js: Send Messages Between Open Pages or Tabs in Same Browser
• News Chrome Extension CLI: The CLI for Your Next Chrome Extension
• News js2xml: Convert JavaScript Code to an XML Document
• News Emoji Button: A Vanilla JavaScript Emoji Picker
• News Liqvid 2.1: Create Interactive Videos with React, HTML, CSS, and JS
Tags: #Javascriptweekly #Javascript #JS #weekly
Some tips on adding CSS styling in Next JS
https://blog.logrocket.com/best-styling-options-nextjs/
---
Creating alert messages or toasts in React JS
https://blog.logrocket.com/create-custom-react-alert-message/
#react #css #style #alert
https://blog.logrocket.com/best-styling-options-nextjs/
---
Creating alert messages or toasts in React JS
https://blog.logrocket.com/create-custom-react-alert-message/
#react #css #style #alert
A long and series of training on the introduction of JavaScript
https://snipcart.com/blog/javascript-practice-exercises
#esm #course
https://snipcart.com/blog/javascript-practice-exercises
#esm #course
Forwarded from Learn CSS™
Some CSS generator tools that can be used to create a web front end
https://betterprogramming.pub/12-front-end-css-generator-websites-to-bookmark-cc557079b0ac
#css #tools
https://betterprogramming.pub/12-front-end-css-generator-websites-to-bookmark-cc557079b0ac
#css #tools
Some web games built with JavaScript, CSS and HTML
https://devdojo.com/madzadev/8-addictive-games-built-only-with-html-css-and-js
#html #css #js #game
https://devdojo.com/madzadev/8-addictive-games-built-only-with-html-css-and-js
#html #css #js #game
Introducing PDFme , an open source library for creating PDF data built with TypeScript
https://pdfme.com/
#pdf #generator #pdfme
https://pdfme.com/
#pdf #generator #pdfme
How to run Node JS application with PM2 on server
https://medium.com/@coronajaime066/use-pm2-to-deploy-your-node-app-e87ebc3e6004
#pm2 #nodejs
https://medium.com/@coronajaime066/use-pm2-to-deploy-your-node-app-e87ebc3e6004
#pm2 #nodejs
Routing in React JS app using React Location library
https://blog.logrocket.com/client-side-routing-react-react-location/
---
Learn about using page routing in React Remix JS
https://www.smashingmagazine.com/2022/03/remix-routes-demystified/
#react #remix #routing #location
https://blog.logrocket.com/client-side-routing-react-react-location/
---
Learn about using page routing in React Remix JS
https://www.smashingmagazine.com/2022/03/remix-routes-demystified/
#react #remix #routing #location
Forwarded from Cyber Punk™
▪️Awesome WAF
Everything about web application firewalls (WAFs). 🔥
📎GitHub: https://github.com/0xInfection/Awesome-WAF
#waf
Keep Supporting ❤️
✦•━━━━━━━━━━━━━━━━━•✦
@Cyberpunk_anonymous
✦•━━━━━━━━━━━━━━━━━•✦
Everything about web application firewalls (WAFs). 🔥
📎GitHub: https://github.com/0xInfection/Awesome-WAF
#waf
Keep Supporting ❤️
✦•━━━━━━━━━━━━━━━━━•✦
@Cyberpunk_anonymous
✦•━━━━━━━━━━━━━━━━━•✦
Forwarded from Learn CSS™
Forwarded from Learn AI, MetaVerse, Web3
Become a Web3 developer 🌱
How to Learn Solidity in 30 Days ⚡️
Roadmap ↓
Day 1 - 3 : Understand the Basics
- Introduction
- Understand Ethereum
- Solidity Features
- Environment setup
- How to use remix IDE
- Basic Syntax
Day 4-7: Learn Solidity Datatypes, variables & Operators
- Data types | variable in Solidity
- Global and local variables in Solidity
- Operators
- Comments
- Hello world contract
Day 8-11: Learn Conditional Statements
- if else
- Looping
- comparison
- Strings
Day 12 -15: Learn Data Storing methods and defining
- Arrays
- Mapping
- struct
- Enums
Day 15 -18: Learn Functions
- Functions
- functions modifiers
- view
- Pure
- Fallback
- Overloading
- Cryptographic functions
Day 19 - 25 : Learn Advanced Solidity
- Contracts
- Inheritance
- constructors
- Interface
- Libraries
- Events
- Error handling
- Ether units
Day 26 - 30 : Revise Solidity
- Revise Complete Solidity from the Day 1.
For More Web3 Content Join @web3_learn
How to Learn Solidity in 30 Days ⚡️
Roadmap ↓
Day 1 - 3 : Understand the Basics
- Introduction
- Understand Ethereum
- Solidity Features
- Environment setup
- How to use remix IDE
- Basic Syntax
Day 4-7: Learn Solidity Datatypes, variables & Operators
- Data types | variable in Solidity
- Global and local variables in Solidity
- Operators
- Comments
- Hello world contract
Day 8-11: Learn Conditional Statements
- if else
- Looping
- comparison
- Strings
Day 12 -15: Learn Data Storing methods and defining
- Arrays
- Mapping
- struct
- Enums
Day 15 -18: Learn Functions
- Functions
- functions modifiers
- view
- Pure
- Fallback
- Overloading
- Cryptographic functions
Day 19 - 25 : Learn Advanced Solidity
- Contracts
- Inheritance
- constructors
- Interface
- Libraries
- Events
- Error handling
- Ether units
Day 26 - 30 : Revise Solidity
- Revise Complete Solidity from the Day 1.
For More Web3 Content Join @web3_learn
Forwarded from Learn AI, MetaVerse, Web3
30-days--30contracts.zip
12.7 KB
Forwarded from Placements4all - Off Campus Drives
Searching for Remote Jobs ??
10 websites to Find Your Next Remote job.👇
1. Flexjobs
It offers jobs in more than 50 job categories featuring remote work opportunities at every stage.
flexjobs.com
2. JustRemote
JustRemote provides a simple and intuitive search page.
To start, choose the type of remote work you’re looking for and whether you’d like a permanent or contract position.
justremote.co
3. Angel. co
AngelList is one of the best websites to find remote jobs in the startup sector. Uber, Facebook, Stripe, and Postmates have all used this site to find employees. Apply privately to 130000+ remote jobs and startup job.
angel.co
4. Remote. co
Unlike FlexJobs, Remote. co focuses purely on remote work opportunities and doesn’t show telecommute or location-based work from home jobs.
remote.co
5. Virtual Vocations
Virtual Vocations is a family-owned website based in the U.S. The site showcases remote job listings in 41 different categories. Use the search bar to find telecommuting and remote work opportunities, or search by U.S. state.
virtualvocations.com
6. Remotive
Remotive runs a remote job board, remote work community, and newsletter with a comprehensive list of remote positions. The site only shares hand-picked remote work opportunities. It also displays any location restraints each listing has.
remotive.io
7. PowerToFly
PowerToFly is dedicated to helping women find jobs in the tech industry. If you’re interested in a remote position, you’ll need to sign up and pass a vetting process to be able to apply.
powertofly.com
8. We Work Remotely
This site connects over 130,000 monthly users with telecommuting opportunities. It’s your ticket to remote employment in no time.
weworkremotely.com
9. Outsourcely
Pairs up remote workers with employers seeking both full and part-time employees.
outsourcely.com/remote-workers
10. Remote OK
A remote job site that tags all of their job listings, making it simple and easy to set filters for the specific listings you want.
remoteok.com
For more such placements related content join @placements4all
10 websites to Find Your Next Remote job.👇
1. Flexjobs
It offers jobs in more than 50 job categories featuring remote work opportunities at every stage.
flexjobs.com
2. JustRemote
JustRemote provides a simple and intuitive search page.
To start, choose the type of remote work you’re looking for and whether you’d like a permanent or contract position.
justremote.co
3. Angel. co
AngelList is one of the best websites to find remote jobs in the startup sector. Uber, Facebook, Stripe, and Postmates have all used this site to find employees. Apply privately to 130000+ remote jobs and startup job.
angel.co
4. Remote. co
Unlike FlexJobs, Remote. co focuses purely on remote work opportunities and doesn’t show telecommute or location-based work from home jobs.
remote.co
5. Virtual Vocations
Virtual Vocations is a family-owned website based in the U.S. The site showcases remote job listings in 41 different categories. Use the search bar to find telecommuting and remote work opportunities, or search by U.S. state.
virtualvocations.com
6. Remotive
Remotive runs a remote job board, remote work community, and newsletter with a comprehensive list of remote positions. The site only shares hand-picked remote work opportunities. It also displays any location restraints each listing has.
remotive.io
7. PowerToFly
PowerToFly is dedicated to helping women find jobs in the tech industry. If you’re interested in a remote position, you’ll need to sign up and pass a vetting process to be able to apply.
powertofly.com
8. We Work Remotely
This site connects over 130,000 monthly users with telecommuting opportunities. It’s your ticket to remote employment in no time.
weworkremotely.com
9. Outsourcely
Pairs up remote workers with employers seeking both full and part-time employees.
outsourcely.com/remote-workers
10. Remote OK
A remote job site that tags all of their job listings, making it simple and easy to set filters for the specific listings you want.
remoteok.com
For more such placements related content join @placements4all
Forwarded from Cyber Punk™
▪️Free for developers
Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.
Site: https://free-for.dev/
Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.
Site: https://free-for.dev/