Explore with Saiful

Design resources that will make you a Design Rockstar Overnight 😵

There are more than 70+ free resources listed below 👇

👉Icons
Streamline- streamlinehq.com
Feather- feathericons.com
IconScout- iconscout.com
Iconfinder- iconfinder.com
Remix Icon- remixicon.com
The Noun Project- thenounproject.com
Icons8- icons8.com
Google Fonts- fonts.google.com
Iconset- iconset.io
Eva Icons- akveo.github.io/eva-icons

👉Illustrations
Streamline- https://lnkd.in/dcVevV9H
Illlustrations- illlustrations.co
Open Doodles- opendoodles.com
Get Illustrations- getillustrations.com
Draw Kit- drawkit.com
3D Icons- 3dicons.co
UnDraw- undraw.co/illustrations
Many Pixels- manypixels.co/gallery
Icons8- icons8.com/illustrations
Humaaan- humaaans.com

👉Learn Design
Webflow- https://lnkd.in/d8Eyygjn
Checklist Design- checklist.design
Laws of UX- lawsofux.com
Growth Design- growth.design/case-studies
Apple- https://lnkd.in/dHiWuZYb
Humane by Design- humanebydesign.com
Google Material Design- material.io/design
InVision- designbetter.co
Case Study Club- casestudy.club
Nielsen Norman Group- nngroup.com

👉Inspiration
Dribbble- https://dribbble.com/
Muzli- muz.li
Mobbin- mobbin.design
Behance- behance.net
awwwards.- awwwards.com
Lapa Ninja- lapa.ninja
Bestfolios- Folio- bestfolios.com
Pttrns- pttrns.com
UI Sources- uisources.com
Designer Hunt- designerhunt.io

👉Colors
Happy Hues- happyhues.co
Duo- duo.alexpate.uk
Adobe Color- color.adobe.com
Khroma- khroma.co/
Color Hunt- colorhunt.co
Colorsinspo- colorsinspo.com
Coolors- coolors.co
Eva Design System- colors.eva.design
Pigment- pigment.shapefactory.co
Color Claim- vanschneider.com/colors

👉Design Systems
Carbon Design System By IBM- carbondesignsystem.com
Adobe design system- spectrum.adobe.com
Evergreen- evergreen.segment.com
Material Design- material.io/design
Apple Design System- https://lnkd.in/dihTQjeP
Atlassian Design System- atlassian.design/
Primer- primer.style/
Marvel App- marvelapp.com/styleguide
Shopify- polaris.shopify.com
Zendesk- garden.zendesk

👉Design Tools
Figma- figma.com
Adobe Xd- https://lnkd.in/d5Sp3vaN
Sketch- sketch.com
Miro- miro.com
Framer X- framer.com
LottieFiles- lottiefiles.com
Zeplin- zeplin.io

🚫 Stop creating resumes for yourself!
AI can create a professional resume in seconds.

👇 Here are 6 websites to create your resume or CV for free:
1️⃣. Kickresume - kickresume.com
2️⃣. Indeed - indeed.com/create-resume
3️⃣. Jobscan - jobscan.co/resume-builder
4️⃣. LiveCareer - liveCareer.com
5️⃣. Novorésumé - https://novoresume.com/
6️⃣. Resume.io - https://resume.io/

🚀 I hope that this will definitely help you.
Share your thoughts in the comments.

Awesome Websites to boost your Frontend skills ✅

🔰 Node-Mongo Beginner Series (part-5)

🔹Core Module / Built in Module

*️⃣ FS ( File System) Module: নোড জেএস by default asynchronous ওয়ে-তে কাজ করে। file system এর ক্ষেত্রে কমন কিছু function আছে। যেমনঃ Read Files, Create Files, Update Files, Delete Files, Rename Files ইত্যাদি।
এর মধ্যে কিছু ফাংশন synchronous ওয়ে-তেও কাজ করে। আর এটাই হচ্ছে Node.js এর বিউটি।
উদাহরণস্বরুপ readFileSync এই ফাংশনটা ধরা যাক, readFile এর সাথে Sync keyword-টা যুক্ত করা মানে হলো আমি main threat-কে block করে synchronous ওয়ে-তে কাজ করছি।
তবে Node.js highly recommend করে Asynchronous ওয়ে-তে কাজ করার জন্য।

এখন Asynchronous ওয়ে-তে কাজ করার জন্য একটি callback ফাংশনের প্রয়োজন হয়, এই callback ফাংশন এ দুটি parameter error ও data ব্যবহৃত হয়।
নিচের ছবিতে উদাহরণসহ দেয়া হলো:(

এখানে err ও data এই parameter দুটার মধ্যে যেকোনো একটা null value দেয়। error হলে data পাওয়া যায় না আর যদি error না হয় তাহলে data পাওয়া যাবে।

*️⃣ FS (File System) Module: Node JS works in asynchronous way by default, File system has some common functions. For example: Read Files, Create Files, Update Files, Delete Files, Rename Files etc.
Some of these functions also work in synchronous way. And that's the beauty of Node.js.
For example, let's take the readFileSync function, adding the Sync keyword to readFile means that I am working in a synchronous way by blocking the main threat.
But Node.js highly recommend to work in asynchronous way.

Now a callback function is required to work in asynchronous way, two parameters error and data are used in this callback function.
An example is shown in the image below:

Here err and data parameters give any null value. If there is an error then the data is not available and if there is no error then the data is available.

is an amazing game 🔥

You can try it.
https://flexymama.devconfbd.com/

Very good arrangement. Thanks Learn with Sumit - LWS Community and vai.

✡️ Your AI knowledge stops at ChatGPT.

Staying on top of AI = Staying on top of tools♨️

✡️ The Ultimate Guide to CSS Grid

Git commands cheat sheet for every developer💻.

✳️7 Awesome Chrome Extension for front-end developer💻.

🔰Node-Mongo Beginner Series (part-4)

🔸Module System in Node.js

~ Vanilla Javascript এ একাধিক জেএস ফাইল encapsulated হয়ে অর্থাৎ এক ফাইলের বৈশিষ্ট্য অন্য ফাইলে প্রভাব ফেলে। এর মানে হচ্ছে এক ফাইলের ডাটা অন্য ফাইলে access করা যায়। উক্ত সিস্টেমটা নোড জেএস-এ নাই , এর কারণ হলো একাধিক জেএস ফাইলের মধ্যে কোনো একটা variable same থাকতে পারে অথবা কোনো ফাংশনের বডিতে থাকা ডাটা ডুপ্লিকেট হতে পারে। ফলে অ্যাপ্লিকেশনে error বা interrupt হতে পারে।
নোড জেএস এর ক্ষেত্রে module জিনিসটা হলো একেকটা আলাদা .js file

নোড এর module basically তিন ধরণের হতে পারে।
(1) User define module
(2) External Package ▶️ npm or yarn package
(3)Core module / built in node module

🔸Module System in Node.js

~ In Vanilla Javascript multiple JS files are encapsulated i.e. properties of one file affect another file. This means that the data of one file can be accessed in another file. The said system is not in Node JS, the reason is that a variable may be the same in multiple JS files or the data in the body of a function may be duplicated. As a result, an error or interrupt may occur in the application.
In the case of Node JS, the module is a separate .js file

Node's module can be basically of three types.
(1) User defined module
(2) External Package ▶️ npm or yarn package
(3) Core module / built in node module