CODE.IO
212 subscribers
47 photos
3 videos
13 files
28 links
πŸš€ Welcome to Code. io! πŸ’»
Your go-to place for coding challenges, tutorials, and tech tips! πŸ§‘β€πŸ’»πŸ‘©β€πŸ’»
Join us for:
πŸ”₯ Daily Coding Challenges
πŸ“š Helpful Tutorials
πŸ’‘ Programming Tips & Tricks
🌍 Tech News & Updates

Let’s code, learn, and grow together!
Download Telegram
Open the console Manually or just type Ctrl+Shift+JπŸ™ƒ
Welcome to the console β€” where the magic begins! ✨
Got any questions about the basic setup? Drop them in the comments below!πŸ€“
🌟 What is JavaScript?

JavaScript is a programming language used to make websites interactive.
While HTML builds the structure and CSS styles it, JavaScript brings it to life.

🧠 What can JavaScript do?
Show alerts and messages
Handle button clicks
Create games
Validate forms (like checking if a name was entered)
Change content on the page without reloading

πŸ§ͺExample:
alert("Hello, world!"); // Try this one on your console.
πŸ”Έ JavaScript Execution

Inline – inside HTML tags (not recommended for maintainability)
Internal – inside <script> tags in the HTML file
External – linked via .js files (best practice)

Browsers 🌐 like Chrome interpret and run JavaScript instantly like we are doing right now.
🧠 JavaScript Data Types

In JavaScript, data types tell us what kind of data we’re working with. There are two main categories:

πŸ”Ή 1. Primitive Types

String – Text
πŸ‘‰ "Hello"
Number – Numbers
πŸ‘‰ 42, 3.14
Boolean – True or false
πŸ‘‰ true, false
Undefined – A variable that hasn’t been given a value yet
πŸ‘‰ let x;
Null – Intentionally empty
πŸ‘‰ let y = null;


2. Non-Primitive (Reference) Types

Object – A collection of key-value pairs
πŸ‘‰ { name: "John", age: 25 }
Array – A list of values
πŸ‘‰ [1, 2, 3, 4]
Function – Reusable blocks of code
πŸ‘‰ function greet() { console.log("Hi!") }
Checking Data Types
To check the data type of a certain variable, we use the typeof operator.
Comments

Comments are important in making your code more readable. There are two ways of commenting:

Single line commenting
Multiline commenting


// commenting the code itself with a single comment
// let firstName = 'Yared'; single line comment
// let lastName = 'M'; single line comment


Multiline commenting:

/*
let location = 'AddisAbaba';
let age = 200;
let isMarried = false;
This is a Multiple line comment
*/
🧠 JavaScript Variables

Variables are containers that store data in memory. where we keep different types of data (like numbers, text, etc.).

πŸ§ͺ Declaring Variables
let – when the value can change

const – when the value won’t change


❗️ Avoid using var – it's outdated and can lead to bugs due to weird behavior (we’ll talk about that later in scope).

Example:
let age = 25; // can be updated later
const PI = 3.14; // constant value, doesn't change

βœ… Rules for Naming Variables

To create valid variable names, follow these rules:

No starting with numbers

❌ 1name β†’ ❌
βœ… name1 β†’ βœ…

Only letters, digits, $, and _ are allowed

❌ my-name β†’ ❌
βœ… my_name or myName β†’ βœ…

Use camelCase (recommended)

βœ… userName, totalAmount

No spaces

❌ user name β†’ ❌
βœ… userName β†’ βœ…
Day 1 ExerciseπŸ‘ŒπŸΎ
Data Types in JavaScript
❀2πŸ‘1
πŸŸ₯πŸŸ₯JOIN OUR DISCUSSION GROUPπŸŸ₯πŸŸ₯
https://t.me/code_IO_Et
πŸ“½ Looking for YouTube channels but don’t know which ones to follow?
We got you covered! πŸ“½


πŸ’‘ Here's a curated list of YouTube channels we highly recommend for learners:

πŸ”— Traversy Media
πŸ”— Net Ninja
πŸ”— Fireship
πŸ”— Web Dev Simplified
πŸ”— Anson The Developer
πŸ”— Programming With Mosh
πŸ”— Telusko
πŸ”— Amigos Code
πŸ”— Derek Banas

πŸ“Œ Join our Telegram channel for more awesome resources and updates!

πŸ”— Click here to join
πŸ‘2
πŸš€ Awesome Web Dev Projects You Should Try! πŸ‘‡πŸ‘‡

1️⃣ 50 Projects in 50 Days – Boost your frontend skills with daily mini projects!
πŸ”— github.com/bradtraversy/50projects50days

2️⃣ Django E-commerce – Build a full-featured online store with Django.
πŸ”— github.com/justdjango/django-ecommerce

3️⃣ JavaScript Quiz App – A sleek and interactive quiz app to test your JS skills!
πŸ”— github.com/yashcrest/JavaScript-Quiz-App

4️⃣ PHP Auth System – Learn how to create secure login and registration from scratch.
πŸ”— github.com/MedAziz218/php-authentication-system

5️⃣ To-Do List – A clean and simple productivity app to manage tasks.
πŸ”— github.com/groundberry/todo-list

If this helped, I think I’ve earned a follow πŸ˜‰πŸ«ΆπŸ»

πŸ‘‰ Join this channel for daily dev resources, tips, and project ideas!

#Programming #LearnToCode #WebDev
🚨 Did You Know? 🍏

The first Apple logo wasn’t the sleek, bitten apple we know today.
It actually featured Sir Isaac Newton sitting under a tree, with an apple about to fall on his head! 🌳🍎

πŸ“œ Designed in 1976, the logo had a poetic inscription:
Newton… A mind forever voyaging through strange seas of thought… alone.


πŸ’‘ It was soon replaced by the more modern apple design for simplicity and branding β€” but what a start for one of the biggest tech companies ever!
Code.IO
πŸ€”1
πŸš€ Getting Started with Web Development? Here's Your Roadmap! πŸ’»

Whether you're a beginner or planning a career switch, web development is a powerful and rewarding skill set in today’s digital world. 🌐
πŸŽ“ Meet Your New Study Buddy:

Google NotebookLM by Google Labs
A smarter way to study, summarize, and stay organized. πŸ’‘



🧠 What is NotebookLM?

It’s Google’s AI-powered note-taking and research assistant , designed to help students like πŸ‘‰πŸΏ YOU understand and organize complex content faster.


πŸ“š How it Helps Students:

βœ… Summarize large documents in seconds – notes, PDFs, readings, or lectures

βœ… Ask questions directly from your notes (e.g., "What did Chapter 2 say about climate change?")

βœ… Get instant outlines, flashcards, and study guides

βœ… Link multiple sources (docs, PDFs, Drive files) into one smart notebook

πŸš€ Perfect For:

βœ”οΈ College & university students

βœ”οΈ Thesis writers & researchers

βœ”οΈ High schoolers prepping for exams

βœ”οΈ Anyone drowning in study materials πŸŒ€

Go to πŸ‘‰ https://notebooklm.google.com

Smarter studying = less stress + better grades. πŸ“ˆπŸ“š

πŸ“Ž Save & Share this with your study group!

Code.IO
❀1πŸ‘1
I forgot a semicolon";"😁😁😁
😁4
Forwarded from Tech Nerd (Tech Nerd)
If you’re in university, read this.

Don’t let sitting in classrooms and the whole school setup trick you into thinking it’s just like high school β€” it’s not. You’re getting older, probably in your 20s. It’s time to start taking responsibility and thinking about your future, your current and future family.

I’m honestly surprised by students who still act like they’re β€œyoung” just because they’re in uni. This is some real brotherly advice β€” something I think everyone should hear.

(No offense intended… but if it does offend you, take it as tough love.)

@selfmadecoder
πŸ‘2