Le voyage de Leul

Ir al canal en Telegram

Welcome to Le voyage de Leul 🌐👨‍💻👩‍💻! Connect, collaborate, and innovate with developers worldwide.

India187 470 Tecnologías y Aplicaciones58 610

143

Suscriptores

+124 horas

+17 días

-130 días

502

Visitas de la publicación

Sin datos24 horas

Sin datos48 horas

353.52%

Tasa de compromiso

Sin datos

Mensajes por día

Ads index

beta

Archivo de publicaciones

143

✅Best telegram bots 📍@voicetomp3_bot chat ላይ ቀድታችሁ የላካችሁለትን voice message ወደ mp3 file ቀይሮ የሚልክላችሁ bot ነው። 📍@BitgetOfficialBot bitgetን እዚሁ ቴሌግራም ላይ መጠቀም የሚያስችላችሁ official የbitget bot ነው። 📍@WeatherAppRobot በተመሳሳይ ከቴሌግራም ሳትወጡ የweather መረጀ የምታገኙበት የ ቴሌግራም bot ነው። 📍@PigeonDocumentBot ዶክመንቶቻችሁን save እና manage የምታደርጉበት የቴሌግራም bot ነው። 📍@xD0RMuleBot የተለያዩ tor*ent filles የምታወርዱበት bot ነው። 📍@shortener_tiny_url_bot ረጃጅም ሊንኮችን በቀላሉ ወደዚህ bot በመላክ ብቻ ማሳጠር ትችላላችሁ። @Tech_GPT_Bot telegram ላይ ካሉ ጥሩ Ai chat bots መካከል አንዱ ነው። ©@code_sphere_hub1 ══════❁✿❁═══════ ♦️.@code_sphere_hub1 ♦️. @code_sphere_hub1 ♦️. @code_sphere_hub1

143

📌Guys check this out https://vm.tiktok.com/ZMksGmGGx/

143

🚀 New CSS Update: Logo, Features & More! 🎨✨ We've just rolled out an exciting CSS update with new scroll animations, grid forms, and improved styling! Here's what's new: 🔹 Enhanced Logo Styling – A sleek and modern look with refined effects. 🔹 Smooth Scroll Animations – Elements now appear dynamically as you scroll for a more engaging experience. 🔹 Responsive Grid Forms – A flexible, well-structured layout for better usability on all devices. 🔹 Improved UI Effects – Subtle hover effects, transitions, and refined color schemes. Check it out and let us know what you think! 💬🔥 #CSSUpdate #WebDesign #Animations #UIUX

143

Every great journey begins with a single step. Challenges may come, but remember, they are the stepping stones to success. Stay focused, trust in your abilities, and never stop believing in the power of your dreams. With determination and faith, anything is possible. Keep moving forward!

143

📌Websites to learn coding 💻

143

JavaScript for hackers.pdf1.29 MB

143

💡 Skills To Master As a Web Developer

143

https://t.me/TgAdsPlatformBot?start=_tgr_61kwf_8yOWU8

143

Take this code as a sample

<!DOCTYPE html>
<html>
  <head>
    <title>Simple HTML Page</title>
  </head>
  <body>
    <h1>Welcome to My Simple Webpage</h1>
    <p>This webpage is created using only HTML.</p>
    
    <h2>About Me</h2>
    <p>My name is Code Sphere Hub, and I love coding!</p>

    <h2>My Hobbies</h2>
    <ul>
      <li>Web Development</li>
      <li>Listening to Music</li>
      <li>Exploring AI</li>
    </ul>

    <h2>Contact Me</h2>
    <p>Email: <a href="mailto:example@example.com">example@example.com</a></p>
    <p>Phone: +251-123-456-789</p>

    <h2>My Favorite Image</h2>
    <img src="https://pin.it/6dR3WF3Pe" alt="Placeholder Image">

    <h2>Useful Links</h2>
    <ol>
      <li><a href="https://www.w3schools.com" target="_blank">W3Schools</a></li>
      <li><a href="https://developer.mozilla.org" target="_blank">MDN Web Docs</a></li>
    </ol>

    <p>Thank you for visiting my webpage!</p>
  </body>
</html>

Next time we will modify it using CSS, so that it will look awesome.

143

Simple HTML Code

<!DOCTYPE html>
<html>
  <head>
    <title>My HTML Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first page.</p>
  </body>
</html>

143

3. Common HTML Tags Here are some frequently used tags: Headings: <h1> to <h6> for titles and subtitles.

<h1>Main Heading</h1>
<h2>Subheading</h2>

Paragraph: <p> for text blocks.

<p>This is a paragraph.</p>

Links: <a> for hyperlinks.

<a href="https://example.com">Visit Example</a>

Images: <img> for displaying pictures. <img src="image.jpg" alt="Description"&gt Lists: Ordered list: <ol> and <li>.

<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

Unordered list: <ul> and <li>.

<ul>
  <li>First item</li>
  <li>Second item</li>
</ul>

Buttons: <button> for interactive buttons.

<button>Click Me!</button>

4. Attributes in HTML Attributes provide additional information about an element. They are placed inside the opening tag. Example:

<a href="https://example.com" target="_blank">Open in new tab</a>

Common Attributes: href: Specifies the link destination (for <a>). src: Specifies the image source (for <img>). alt: Provides alternative text for an image. id: Unique identifier for an element. class: Assigns a class for styling. 5. Nesting and Hierarchy HTML allows nesting of elements. Proper structure and hierarchy are important. Example: html

<div>
  <h2>Title</h2>
  <p>This is some text inside a div.</p>
</div>

143

1. HTML Elements HTML elements are the building blocks of HTML. They consist of: Opening tag: <tagname> Content: The text or nested elements between the tags. Closing tag: </tagname> Example:

<p>This is a paragraph.</p>

2. Basic HTML Page Structure An HTML page typically has a basic structure with the following key elements:

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <h1>Welcome to HTML!</h1>
    <p>This is where the main content goes.</p>
  </body>
</html>

Explanation: <!DOCTYPE html>: Declares the document as HTML5. <html>: The root element of the page. <head>: Contains metadata (like the title and styles) about the page. <title>: Sets the title displayed in the browser tab. <body>: Contains all visible content on the webpage.

143

Guys lets start a challenge. 📍The challenge includes adding new members, who are passionate about coding or hacking. ✅For those of you who add the most will get an admin.

143

🚀 Top Free Resources to Master Web Development 🌐 Want to become a web development pro? Whether you're just starting or looking to sharpen your skills, these top free resources will guide you on your journey. Each one offers hands-on learning and practical knowledge to help you build modern web applications. Let’s dive in! 👇 1️⃣ The Odin Project Master the essentials: HTML, CSS, JavaScript, React, Node.js, and full-stack applications. With hands-on projects and a structured curriculum, it’s perfect for building a solid foundation. 🌐 The Odin Project 2️⃣ Full Stack Open From the University of Helsinki, this course is an intensive deep dive into modern web app development with React, Node.js, and MongoDB. Perfect for anyone aiming to master full-stack development. 🌐 Full Stack Open 3️⃣ FreeCodeCamp A project-based learning platform offering certifications in everything from responsive web design to backend development. Gain hands-on experience while building real projects. 🌐 freeCodeCamp 4️⃣ MDN Web Docs Mozilla’s MDN provides detailed documentation, guides, and tutorials on web technologies like HTML, CSS, and JavaScript. Essential for understanding web standards and best practices. 🌐 MDN Web Docs 💡 More Incredible Free Resources 5️⃣ W3Schools Learn HTML, CSS, JavaScript, and more with interactive examples and quizzes. A beginner-friendly resource for quick learning. 🌐 W3Schools 6️⃣ Frontend Mentor Practice front-end skills by tackling real-world projects. Great for improving your CSS, HTML, and JavaScript. 🌐 Frontend Mentor 7️⃣ Eloquent JavaScript An excellent free book that teaches JavaScript from the basics to advanced concepts. Perfect for understanding the language deeply. 🌐 Eloquent JavaScript 8️⃣ The Net Ninja (YouTube) High-quality video tutorials on topics like JavaScript, React, and Node.js. Great for visual learners. 🌐 The Net Ninja YouTube 9️⃣ Traversy Media (YouTube) Covers everything from front-end basics to full-stack frameworks. Learn from industry projects and tips. 🌐 Traversy Media YouTube 🔟 CodePen Experiment with front-end code in an online editor. Explore inspiring projects from other developers to learn new techniques. 🌐 CodePen 1️⃣1️⃣ Evangadi Tech - MERN Stack Scholarship Evangadi Tech offers a comprehensive scholarship program for learning the MERN stack (MongoDB, Express.js, React, Node.js). This program is ideal for anyone looking to become a professional full-stack developer. 🌐 Evangadi Tech 🎯 Whether you’re aiming for front-end, back-end, or full-stack, these resources will help you grow your skills and build a strong portfolio. Start learning today and take your web development journey to the next level! 🚀

143

🆓🆓🆓 FREE COURSE ALERT 🆓🆓🆓 📝 Secure Your Wordpress Website For Beginners ℹ️ Create a WordPress website and learn how to keep it safe from hackers. 🧑‍🏫 Instructor: Web Oral 🌐 Language: English 📌 Category: #Coding 💰 Price: $19.99 ➡️🆓 🏃 ENROLL NOW - LIMITED ENROLLMENTS ONLY ━━━━━━━━━━━━━━━ 📚 @exams | @iitjee | @learning | @notes | @physicswallah | @skillshare | @unacademy 📑 https://findmycourse.in/course/secure-your-wordpress-website-for-beginners

143

📚✏️ The Complete HTML5 Course: From Beginning to Expert ⏰ : ASAP (500 Enrolls Left) 🎭 : Development 💬 Master yourself in HTML5: Interactive way, step by step and easy to follow. Great for Absolute Beginners!! https://m.forasm.com/the-complete-html5-course-from-beginning-to-expert/

143

Practical tutorial on how to modify objects in JavaScript with the use of spread operator presented on examples🚀

143

ለክርስትና እምነት ተከታዮች በሙሉ እንኳን ለጌታችን እና ለመድኃኒታችን ለእየሱስ ክርስቶስ የልደት በዓል አደረሳችሁ ❤️ በዓሉ የሰላም የፍቅር እና የጤና ይሁንላችሁ ═══❖•🌺•❖═══╗ @code_sphere_hub1 @code_sphere_hub1 ═══❖•🌺•❖═══╝

143

Mastering HTML5 and CSS3 (Part 1 - Beginner Level) | Udemy Learn and become professional at HTML and CSS concepts 4 hours • 22 lectures ⏳ 644 coupon uses left ⚠️ 📶 Rating: 4.3 ⭐️ (167 reviews) 📅 Last updated: 05/24 🎓 Instructor: Kioomars Jonood +1 #web_development https://courson.xyz/coupon/mastering-html5-and-css3-part-1-beginner-level?utm_source=social&utm_medium=telegram&utm_campaign=@udemy4u&utm_term=development

143

Repost from Web Development

⌨️ CSS Flexbox Tutorial for Beginners | Basics & Container | 1/2

Responsive design is more important than ever as we want to ensure that our website looks awesome on all devices. With Flexbox we can make our Elements more dynamic, so let's find out how this works in this tutorial!