Emmersive Learning
4.83K subscribers
2.11K photos
71 videos
10 files
933 links
Learn Fullstack Development | Coding.

Youtube : https://www.youtube.com/@EmmersiveLearning/?sub_confirmation=1

Contact Admin : @MehammedTeshome
Download Telegram
Forwarded from Muhammed Teshome
Build in public
መስራት የምትፈልገው ፕሮጀክት ወይም ቢዝነስ ካለ ግዴታ ካፒታል ወይም ሌሎች ኢንፍራስትራክቸር እስኪሟሉልህ መጠበቅ ግዴታ አይደለም።
ሁሉንም እዚሁ ሶሻል ሚድያ ላይ መጀመር እና አንድ እርምጃ መሄድ ትችላለህ ።
ዋንው ነገር ነፃ ቱሎችን(Free tools ) አግባቡ እንደት እንደምትጠቀም እና ዲጂታል ቢዝነስ( ጭ ( Creator Economy ) እንዴት እንደሚሰራ ማወቅ ነው።
እንዴት ?
1. የመጀመሪያው ሃሳቡን ማግኘት ነው። እሱን ደሞ ሶሻል ሚድያ ላይ ቢሰራበት አዋጭ የመሰሉህ ነገሮች ከተለያዩ ቦታወች መቃረብ ትችላለህ (ከ ፖስቶች ፤ ኮሜንቶች እና የተለያዩ ኮንቨርሽኖች ) ፤ አለዚያ Ai ተጠቅመህ ብዙ ሃሳቦችህን ይሰጥሃል።
2. ታርጌት ኦዲያንስህን መለየትና በዚያ ዙሪያ ያሉ ኮሚኒቲዎችን መቀላቀል ፤ ሃሳብህን ሼር ማድረግ ፤ አዳዲስ ሃሳቦችን መቀበል እና ፊድባኮችን በ መቀበል ሃሳብህን በደንብ ማደራጀት እና በደንብ እንዴገባህ ማድርግ ።
3. ሃሳቦችን በዚያ ዙሪያ ማጋራት ፤ ሰዎች ላይ አዌርነስ መፍጠርና ኔትዎርክህን ማጠንከር ፤ ፕሮግረስህን እና ስራህን ማጋራት ።
4 . ፕሮጀክቶችህን ለብቻቸው ፔጅ ስራላቸው(ዲጂታል ካምፓኒ ) አድርጋቸው። እነሱን እየጠቀስክ መረጃዎችን አጋራ።
5. ለዚህ ሁሉ ቱሎችን ተጠቀም ። [ Free tools make you powerful ]
-----
ቢዝነሶችህ እነዚህን ያሟሉ።
1. ሶሻል ሚድያ ፕላትፎርሞች ላይ ዲጂታል ኦፌስ ይኑራቸው። የ ሶሻል ሚዲያን ማኔጅ ማድርግ ፤ዲጂታል ማርኬቲንግ ፣ ግራፊክስ እና መሰል ነገሮችን በራስህ ተማር እና ማስተር አድርግ፤ ያን ያክል ከባድ አደለም። ወደፊት ያለው ጊዜ ደሞ ይፈልጋቸዋል።
2. ድረገፅ(website) ስራላቸው ወይም አሰራላቸው። እዚያም ላይ አግልግሎቶችህን እና ምርቶችህን በግልፅ አስቀምጥ ።
3. አርቲፊሻል ኢንተሊጀንስን በደንብ ከሚጠቀሙት ሁን ፤ ከ ሃሳብ ማመንጨት እስከ ማስተማር ፤ የ ማርኬቲንግ ስትራቴጂ እስከማውጣት እና ላንተ እራሱ ፐርሰናል ማናጀርህ ይሆናል። የቢዝነስህን ዋና ስራ እንዲሰሩ ፋይን ቱን አድርጋቸው።
——-
ለዚህ ሁሉ ስኪሉ የለኚም ካልክ ፤ ስለ ድርገፅ አሰራል፤ ግራፊክስ እና መሰል የ ዲጂታል ማርኬቲንግ ስኪሎች መማር ከፈለግ ( @EmmersiveLearning ) ላይ አውራኝ።
አይ መማር አልፈልግም እንዲሰራልኝ ነው ምፈልገው ካልክ ( @FlyoverDigital. ) ላይ አውራኝ ። ቢዝነስህን ዲጅታል በማድረግ በኩል አሪፍ ሰርቪስ ይሰጥሃል።
አይ አርቲፊሻል ኢንተሊጀንስን መጠቀም ላይ ይቀረኛል። አጋዥ ሜንቶር ያስገልገኛል ካልክ ደሞ አሁንም (@MuhibAI ) ላይ አውራኝ ።
ማዓ ሰላም!
5
i am sorry that i haven't access to grok still 😊😢
😁1
Practice code Everywhere you go:

- In the park while enjoying nature
- At a coffee shop over a cup of coffee
- On a train during your commute
- At home, in the comfort of your living room
- Don’t wait for “the perfect place"

Code is portable,

and so is your learning! 🚀

@EmmersiveLearning
👍3
C O D I N G »»»»»»»»»
😱2
Forwarded from Muhammed Teshome
አዳዲስ ሃሳብ ለማፍለቅ ያልተነቃባቸው ፡
—————

🚶 ስልክ ሳትይዝ ወክ አድርግ

🏋️ስፖርት የምትሄድ ከሆነ ያለ ምንም ድምፅ(ሙዚቃ/ነሺዳ ) በባዶው ሂድና ስራ ።

🥁 ምግብ እየሰራህ ከሆነ ምንም ነገር አትክፈት ( ቲቪ ፤ ቲክቶክ ፤ ዮቱብ ) ምንም ነገር አትክፈት ። ዝም ያለ ይሁን።

👉አዕምሮህ ባዶ እንዲሆን ፍቀዲለት እስኪ (ምንም አታሳየው፤ አታስዳምጠው፤ ዝም ብለህ ዝም በለው።

👉ሃሳቦች ሲግተለተሉ ታያለህ ያኔ

🔥ይሄ እራሱ እራት እየሰራሁ የመጣ ሃሳብ ነው 😊

ሞክሩት ወዳጆች🫶
6👍4🫡1
😊😊😂😂😂
😁2
😊😂😂
😁4
when you use AI. it's like this.
👍3
How to get started with web development.

– Roll up your sleeves
– Open your laptop
– Open browser then YouTube
– Search HTML crash course
– Follow it
– Write code simultaneously
– Take short notes
– Congrats🎉 This is the way

Self exploration is the key!


እንደምን አደራችሁ! ቤተሰብ!
👍51
10 Top Learning Sites To Help You Become Extremely Skilled:

1. IT & Software - edX
2. Designer - Coursera
3. Data Science - Kaggle
4. Product Manager - Udacity
5. Cybersecurity - TryHackMe
6. Developer - FreeCodeCamp
7. Cloud Engineering - A Cloud Guru
8. Digital Marketing - Google Skillshop
9. Finance Professional - Khan Academy
10. Business & Management - LinkedIn Learning
6
6 Tips for writing better JavaScript code:

1. Declare and initialize variables upfront
2. Create modular, specialized functions
3. Eliminate duplicate code
4. Be efficient with DOM manipulations
5. Minimize global variables
6. Embrace shorthand notation (Object Literals)

@EmmersiveLearning
2🥰1
Best way to master CSS,🔥

The CSS tree 👇
|
|── Text Styles
| |── color
| |── font
| | ├── font-family
| | ├── font-size
| | └── font-weight
| |── text-align
| |── text-decoration
| | ├── underline
| | └── line-through
| |── line-height
| └-─ letter-spacing
|
|── Box Model
| |── width
| |── height
| |── margin
| | ├── margin-top
| | ├── margin-right
| | ├── margin-bottom
| | └── margin-left
| |
| |── padding
| | ├── padding-top
| | ├── padding-right
| | ├── padding-bottom
| | └── padding-left
| |
| └-─ border
| |── border-width
| | |── border-top-width
| | |── border-right-width
| | |── border-bottom-width
| | └── border-left-width
| |── border-color
| | ├── border-top-color
| | ├── border-right-color
| | ├── border-bottom-color
| | └── border-left-color
| └── border-radius
| ├── border-top-left-radius
| ├── border-top-right-radius
| ├── border-bottom-left-radius
| └── border-bottom-right-radius
|
|── Positioning
| ├── position
| ├── top
| ├── right
| ├── bottom
| └── left
|
|── Layout
| ├── display
| ├── visibility
| ├── float
| └── clear
|
|── Flexbox
| ├── flex
| ├── flex-direction
| ├── flex-wrap
| ├── justify-content
| └── align-items
|
|── Grid Layout
| ├── grid-template-columns
| ├── grid-template-rows
| ├── grid-column
| ├── grid-row
| ├── grid-column-gap
| └── grid-row-gap
|
|── Colors and Background
| ├── background-color
| ├── background-image
| ├── background-repeat
| ├── background-position
| ├── background-size
| ├── color
| └── opacity
|
|── Transitions and Animations
| |── transition
| | ├── transition-property
| | ├── transition-duration
| | ├── transition-timing-function
| | └── transition-delay
| └── animation
| ├── animation-name
| ├── animation-duration
| ├── animation-timing-function
| ├── animation-delay
| ├── animation-iteration-count
| ├── animation-direction
| ├── animation-fill-mode
| └── animation-play-state
|
|___ Others
|── z-index
|── box-sizing
|── overflow
| ├── overflow-x
| └── overflow-y
|── cursor
└── box-shadow

-------------------- END --------------------

Some good resources to learn CSS👇

1.MDN
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
2.W3Schools
https://w3schools.com/css/
3.freeCodeCamp
https://freecodecamp.org/learn/
4.CSS-Tricks
https://css-tricks.com
5.Flexbox Froggy:
https://flexboxfroggy.com
6.Grid Garden
https://cssgridgarden.com

@EmmersiveLearning
👍3
😊😢 enjoy the process.

who relates with this ?
😁7
Boost your coding game with these 10 essential VS Code extensions! 🚀

Prettier
ESLint
IntelliSense for CSS
Debugger for Chrome
Code Spell Checker
Auto Rename Tag
Polacode
REST Client
Peacock
Docker

Share your top picks! 👇
😁2
Master JavaScript:

The JavaScript Tree 👇
|
|── Variables
| ├── var
| ├── let
| └── const
|
|── Data Types
| ├── String
| ├── Number
| ├── Boolean
| ├── Object
| ├── Array
| ├── Null
| └── Undefined
|
|── Operators
| ├── Arithmetic
| ├── Assignment
| ├── Comparison
| ├── Logical
| ├── Unary
| └── Ternary (Conditional)
|
|── Control Flow
| ├── if statement
| ├── else statement
| ├── else if statement
| ├── switch statement
| ├── for loop
| ├── while loop
| └── do-while loop
|
|── Functions
| ├── Function declaration
| ├── Function expression
| ├── Arrow function
| └── IIFE (Immediately Invoked Function Expression)
|
|── Scope
| ├── Global scope
| ├── Local scope
| ├── Block scope
| └── Lexical scope
|
|── Arrays
| ├── Array methods
| | ├── push()
| | ├── pop()
| | ├── shift()
| | ├── unshift()
| | ├── splice()
| | ├── slice()
| | └── concat()
| └── Array iteration
| ├── forEach()
| ├── map()
| ├── filter()
| └── reduce()
|
|── Objects
| ├── Object properties
| | ├── Dot notation
| | └── Bracket notation
| ├── Object methods
| | ├── Object.keys()
| | ├── Object.values()
| | └── Object.entries()
| └── Object destructuring
|
|── Promises
| ├── Promise states
| | ├── Pending
| | ├── Fulfilled
| | └── Rejected
| ├── Promise methods
| | ├── then()
| | ├── catch()
| | └── finally()
| └── Promise.all()
|
|── Asynchronous JavaScript
| ├── Callbacks
| ├── Promises
| └── Async/Await
|
|── Error Handling
| ├── try...catch statement
| └── throw statement
|
|── JSON (JavaScript Object Notation)
|
|── Modules
| ├── import
| └── export
|
|── DOM Manipulation
| ├── Selecting elements
| ├── Modifying elements
| └── Creating elements
|
|── Events
| ├── Event listeners
| ├── Event propagation
| └── Event delegation
|
|── AJAX (Asynchronous JavaScript and XML)
|
|── Fetch API
|
|── ES6+ Features
| ├── Template literals
| ├── Destructuring assignment
| ├── Spread/rest operator
| ├── Arrow functions
| ├── Classes
| ├── let and const
| ├── Default parameters
| ├── Modules
| └── Promises
|
|── Web APIs
| ├── Local Storage
| ├── Session Storage
| └── Web Storage API
|
|── Libraries and Frameworks
| ├── React
| ├── Angular
| └── Vue.js
|
|── Debugging
| ├── Console.log()
| ├── Breakpoints
| └── DevTools
|
|── Others
| ├── Closures
| ├── Callbacks
| ├── Prototypes
| ├── this keyword
| ├── Hoisting
| └── Strict mode
|
|____________ END __________________


https://www.youtube.com/watch?v=jF5oxeeuu6E
4
Why Programming ?
6
Quiz:

Can you solve this equation in less than 20 seconds?

1 + 4 = 5
2 + 5 = 12
3 + 6 = 21
8 + 11 = ?
👏3👍1
List of Ai tools to use :

chatGPT : https://chat.openai.com/

Bard Ai :
https://bard.google.com/

Copilot :
https://copilot.microsoft.com/


if you master this . you will be unstoppable!

there is a video on how to use all of this.
@EmmersiveLearning ዩቱብ ቻናል ላይ ።

ዩቱብ ፡
https://www.youtube.com/@EmmersiveLearning/
4👍3
Start small, Keep Going!

#Friday_Motivtion
4
English will be the Best Coding Language!

.

.

#mark_this.
4