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

Youtube : https://www.youtube.com/@EmmersiveLearning/

Website : https://emmersivelearning.com/

Contact Admin : @MehammedTeshome
Download Telegram
Which one is the easiest?
Anonymous Poll
76%
Frontend
24%
Backend
Forwarded from Immersive Ai
Ask ai models without shame.๐Ÿ˜Š

@ImmersiveAi
How to run your website:

FREE Static Site hosting
- Sevalla
- Netlify
- Vercel
- Github Pages
- Render
- Firebase Hosting
- Surge
- Cloudflare pages
- Azure

Free DB
- Supabase
- Mongo Atlas
- Turso
- Neon

FREE Backend
- Netlify functions
- Vercel
- Google functions
- Cloudflare workers

@EmmersiveLearning
โค3๐Ÿ‘2
Forwarded from Muhammed Teshome
Toolset You need :

1. Canva: For design and branding.
2. CapCut: For editing videos.
3. AI Tools: For content generation,
4. Next.js: For building websites.
5. Notion : For project management .
6. Google Workspace : For email, document collaboration, and professional productivity.
7. Figma : For UI/UX design.


Learn this tools and skills. Do whatever you want.

You can have A ONE PERSON Business.
๐Ÿ‘4
Forwarded from Muhammed Teshome
Be a Polymath.
โค1๐Ÿคฉ1
Best NodeJS frameworks to build your next API or Full-stack app.

1๏ธโƒฃ Express
2๏ธโƒฃ Fastify
3๏ธโƒฃ Restify
4๏ธโƒฃ Koa
5๏ธโƒฃ Hapi
6๏ธโƒฃ NestJS
๐Ÿ‘1
only two browsers.

Chromium and Firefox. ๐Ÿ˜Š
๐Ÿ˜3
If you're starting in Computer Science, Software Engineering, Information Systems, or any IT-related field, I highly recommend checking out this series in the CS playlist.

I wish I had access to resources like this when I started, but I didnโ€™t. So, I created these videos for you. Use them, learn from them, and grow!

This playlist covers key Computer Science subfields, including:
- Algorithms
- Data Structures
- Computer Architecture
- Operating Systems
- Programming Languages
- Software Engineering
- Networking
- Artificial Intelligence (AI)
- Cybersecurity

๐ŸŽฅ Playlist Link: [https://youtube.com/playlist?list=PLGeDL5FZ9nGbn9R2DvHh47kc9k6nN3j5q&si=AxOd4xns_ufAa4de]

Start your journey today! ๐Ÿš€

@EmmersiveLearning
๐Ÿ”ฅ5๐Ÿ‘2โค1
Do you still go to stackoverflow for your coding problem ?
ai editors are cool.
Forwarded from Muhammed Teshome
I love the new Google Lens.

Some features โ€”
โ€” has an Ai Overview.
โ€” About this image
โ€” summarize or copy text from photo
โ€” Get product details instantly
โ€” Search what you see on desktop(Lens in chrome)
Forwarded from Muhammed Teshome
FREE Certifications, ๐Ÿ’ฏ accepted in the industry:

http://freecodecamp.org/learn/
๐Ÿ‘6
๐Ÿ˜Š๐Ÿ˜‚
๐Ÿ˜16
How to Learn HTML as beginner ๐Ÿ”ฐto advanced.

โ”œโ”€โ”€ Structure of an HTML Document
| โ”œโ”€โ”€ DOCTYPE Declaration
| โ”œโ”€โ”€ HTML Tags
| โ”œโ”€โ”€ Attributes
| โ””โ”€โ”€ Comments
|
|โ”€โ”€ Text Elements
| โ”œโ”€โ”€ Headings (h1-h6)
| โ”œโ”€โ”€ Paragraphs (p)
| โ”œโ”€โ”€ Bold and Italic (b, strong, i, em)
| โ”œโ”€โ”€ Line Breaks (br)
| โ””โ”€โ”€ Preformatted Text (pre)
|
|โ”€โ”€ Links
| โ”œโ”€โ”€ Anchor Tag (a)
| โ”œโ”€โ”€ Absolute and Relative URLs
| โ”œโ”€โ”€ Open in New Tab (_blank)
| โ”œโ”€โ”€ Email Links (mailto)
| โ””โ”€โ”€ Link Titles
|
|โ”€โ”€ Images
| โ”œโ”€โ”€ img Tag
| โ”œโ”€โ”€ src and alt Attributes
| โ”œโ”€โ”€ Responsive Images
| โ””โ”€โ”€ Lazy Loading
|
|โ”€โ”€ Lists
| โ”œโ”€โ”€ Ordered Lists (ol)
| โ”œโ”€โ”€ Unordered Lists (ul)
| โ”œโ”€โ”€ List Items (li)
| โ””โ”€โ”€ Nested Lists
|
|โ”€โ”€ Tables
| โ”œโ”€โ”€ table, tr, th, td
| โ”œโ”€โ”€ Table Headers
| โ”œโ”€โ”€ Merging Cells (colspan, rowspan)
| โ””โ”€โ”€ Table Styling
|
|โ”€โ”€ Forms
| โ”œโ”€โ”€ form Tag
| โ”œโ”€โ”€ Input Types (text, email, password, etc.)
| โ”œโ”€โ”€ Labels and Placeholders
| โ”œโ”€โ”€ Buttons (button, submit, reset)
| โ”œโ”€โ”€ Textarea
| โ”œโ”€โ”€ Checkboxes and Radio Buttons
| โ”œโ”€โ”€ Select and Option
| โ””โ”€โ”€ Form Validation
|
|โ”€โ”€ Multimedia
| โ”œโ”€โ”€ Video Tag
| โ”œโ”€โ”€ Audio Tag
| โ”œโ”€โ”€ Source and Track Elements
| โ”œโ”€โ”€ Autoplay and Controls
| โ””โ”€โ”€ Embedding YouTube Videos
|
|โ”€โ”€ Semantic HTML
| โ”œโ”€โ”€ Header, Footer, Main
| โ”œโ”€โ”€ Section, Article, Aside
| โ”œโ”€โ”€ Nav
| โ”œโ”€โ”€ Figure and Figcaption
| โ””โ”€โ”€ Time and Mark
|
|โ”€โ”€ Metadata
| โ”œโ”€โ”€ head Tag
| โ”œโ”€โ”€ title Tag
| โ”œโ”€โ”€ Meta Tags
| โ”œโ”€โ”€ Viewport Settings
| โ””โ”€โ”€ Favicon
|
|โ”€โ”€ Inline vs Block Elements
| โ”œโ”€โ”€ Differences
| โ”œโ”€โ”€ Examples of Inline Elements
| โ”œโ”€โ”€ Examples of Block Elements
| โ””โ”€โ”€ Changing Display Property
|
|โ”€โ”€ Iframes
| โ”œโ”€โ”€ Embedding Web Pages
| โ”œโ”€โ”€ Sandbox Attribute
| โ””โ”€โ”€ Resizing and Borders
|
|โ”€โ”€ Accessibility (a11y)
| โ”œโ”€โ”€ ARIA Roles
| โ”œโ”€โ”€ alt Text for Images
| โ”œโ”€โ”€ Semantic HTML for Screen Readers
| โ””โ”€โ”€ Keyboard Navigation
|
|โ”€โ”€ Forms Advanced
| โ”œโ”€โ”€ Fieldset and Legend
| โ”œโ”€โ”€ DataList
| โ”œโ”€โ”€ Input Validation Patterns
| โ”œโ”€โ”€ Hidden Inputs
| โ””โ”€โ”€ Autocomplete
|
|โ”€โ”€ Responsive Design
| โ”œโ”€โ”€ Meta Viewport Tag
| โ”œโ”€โ”€ Media Queries in HTML
| โ”œโ”€โ”€ Picture Element
| โ””โ”€โ”€ Responsive Tables
|
|โ”€โ”€ HTML APIs
| โ”œโ”€โ”€ Geolocation API
| โ”œโ”€โ”€ Drag and Drop API
| โ”œโ”€โ”€ Canvas API
| โ””โ”€โ”€ Web Storage API
|
|โ”€โ”€ Deprecated Tags and Attributes
| โ”œโ”€โ”€ font Tag
| โ”œโ”€โ”€ Center Tag
| โ””โ”€โ”€ Alternatives to Deprecated Features
|
|โ”€โ”€ SEO Basics
| โ”œโ”€โ”€ Proper Heading Structure
| โ”œโ”€โ”€ alt Tags for Images
| โ”œโ”€โ”€ Meta Descriptions
| โ”œโ”€โ”€ Robots Meta Tags
| โ””โ”€โ”€ Canonical Links
|
|โ”€โ”€ Best Practices
| โ”œโ”€โ”€ Clean and Organized Code
| โ”œโ”€โ”€ Avoid Inline CSS
| โ”œโ”€โ”€ Use Semantic Tags
| โ”œโ”€โ”€ Minimize Use of Deprecated Tags
| โ””โ”€โ”€ Validate HTML Code
|
|โ”€โ”€ Deployment
| โ”œโ”€โ”€ Hosting Platforms (Netlify, Vercel)
| โ”œโ”€โ”€ FTP Uploads
| โ””โ”€โ”€ Using GitHub Pages
|
|_________________END_________________
๐Ÿ‘9โค6
Learn web dev.
โค7๐Ÿฅฐ1
Learn JavaScript!

JavaScript for Everything:

JavaScript + React = Web Development

JavaScript + Three.js = 3D Visualization

JavaScript + Angular = Web Applications

JavaScript + Phaser = Game Development

JavaScript + Vue.js = Progressive Web Apps

JavaScript + TensorFlow.js = Machine Learning

JavaScript + Node.js = Server Side Development

JavaScript + Electron = Desktop App Development

JavaScript + React Native = Mobile App Development

JavaScript + D3.js = Data Manipulation & Visualization
๐Ÿ‘9
Forwarded from Muhammed Teshome
.

แˆตแˆˆ Ai แŠฅแŠ“ Prompt Engineering แ‰ชแ‹ตแ‹ฎ แŠฅแˆฐแˆซแˆˆแˆ แ‰ฃแˆแŠฉแ‰ต แˆ˜แˆฐแˆจแ‰ต แ‹›แˆฌ แ‹จแˆ˜แŒ€แˆ˜แˆชแ‹ซแ‹แŠ• แ‰ฐแˆˆแ‰‹แˆ!

แ‰€แŒฃแ‹ญ แ‹จ Ai แ‰ฑแˆŽแ‰ฝแŠ• แŠฅแŠ“ แˆŒแˆŽแ‰ฝแˆ แ‰ฅแ‹™ แ‰ชแ‹ตแ‹ฎแ‹ˆแ‰ฝ แˆตแˆˆแˆแŠ•แˆฐแˆซ แˆˆแ‹› แˆ˜แАแˆป แ‹จแˆšแˆ†แŠ• แŠ แŒ แ‰ƒแˆ‹แ‹ญ แˆตแˆˆ Ai แŠฅแŠ“ Prompt Engineering แ‹‹แŠ“ แ‹‹แŠ“ แŠฎแŠ•แˆดแ•แ‰ถแ‰ฝแŠ• แ‰ แ‹šแˆ… แ‰ฐแˆ›แˆฉ!

แˆˆแ‰€แŒฃแ‹ญ แˆ˜แАแˆป แˆตแˆˆแˆ†แˆšแˆ†แŠ“แ‰ฝแˆ แ‰ แ‹ฐแŠ•แ‰ฅ แ‰ฅแ‰ณแ‹ฉแ‰ต แ‰ณแ‰ฐแˆญแ‹แˆ‹แ‰ฝแˆ!

แ‰ชแ‹ตแ‹ฎแ‹ แˆˆแˆแˆ‰แˆ แˆฐแ‹ แ‰€แˆ‹แˆ แАแ‹! แ‰ฅแ‹™ แ‰ดแŠญแŠ’แŠซแˆ แАแŒˆแˆญ แ‹จแˆˆแ‹แˆ แ‰ แ‹จแ‰ตแŠ›แ‹ แ‹˜แˆญแ แˆ‹แ‹ญ แ‹ซแˆ‹แ‰ฝแˆ แˆ˜แˆ›แˆญ แ‰ตแ‰ฝแˆ‹แˆ‹แ‰ฝแˆ!

Ai for Everyone!

@ImmersiveAi

https://youtu.be/8RptifehAvA
โค5
Forwarded from Muhammed Teshome
You
Can
Do
That
Hard
Thing
But
Itโ€™s
Gonna
Be
Hard
๐Ÿ‘5