CatchTheError's profile picture.

Gopal Nikumbh

@CatchTheError

Day 17: Defense Challenge by @rohit_negi9 Focus of Today : - var → old, not block-scoped - let → block-scoped - const → fixed + block-scoped - Scope → Global | Function | Block - Primitive → copy by value - Object/Array/Func → copy by reference #mernstack #coderArmy


Day 16: Defense Challenge by @rohit_negi9 Focus: Introduction to JAVASCRIPT - C++/Java for browsers → heavy & risky ❌ - ✅ JavaScript → easy, secure, lightweight - Browsers need engines: Chrome → V8 (written in C++) -⚡ V8 compiles JS #mernstack #coderArmy


Day 15: Defense Challenge by @rohit_negi9 🚀 Built a portfolio project with @rohit_negi9 guidance 💡 Learned margin: auto, text-align: center, and UI enhancements #WebDevelopment #MERNStack #coderArmy


Day 14: Defense Challenge by @rohit_negi9 Focus of Today ; - Transition → smooth change on trigger - Transform → move/resize/rotate/tilt - Animation → auto run | Transition → needs trigger - 3D → perspective = depth #WebDevelopment #coderArmy


Day 13: Defense Challenge by @rohit_negi9 CSS Animation Highlights 🎨 1️⃣ Animation: illusion of motion via rapid static frames 2️⃣ Example: style1 → style2 = element moves 3️⃣ Key Props: name, duration, timing, delay, iteration, fill #mernstack #WebDevelopment #coderArmy


Day 12: Defense Challenge by @rohit_negi9 Focus of Today : 1️⃣ Responsive 📱💻 Mobile-first → use @media(min-width:768px){...} 2️⃣ Shadow box-shadow: x y blur spread color 3️⃣ Overflow visible | hidden | scroll | auto #mernstack #WebDevelopment #coderArmy


Day 11: Defense Challenge by @rohit_negi9 Focus: CSS GRID Grid → 2D Layout 🔹Grid: - display: grid; - grid-template-rows/cols - fr = responsive 🔹Position: - grid-row: 1/4; - grid-col: 2/5; #mernstack #coderArmy


Day 10: Defense Challenge by @rohit_negi9 Focus: ◆ Flexbox: 1D CSS layout ◆ Parent: Flex container (display: flex) ◆ Child: Flex item ◆ Axis: justify-content → main, align-items → cross ◆ Props: flex-direction, flex-wrap, flex-grow, align-self #mernstack #coderArmy


Day 9: Defense Challenge by @rohit_negi9 Focus : 🎨 CSS Cascade - !important → top - Inline > Internal/External - Later wins (internal vs external) - ID > Class > Tag 📍 Positioning - Static - Relative - Absolute - Fixed - Sticky #mernstack #coderArmy


Day 8: Defense Challenge by @rohit_negi9 Focus: CSS Box Model & Display - CSS box has layers. - Elements can be block, inline, or inline-block. - Box-sizing affects sizing calculation. #mernstack #WebDevelopment #coderArmy


Day 7: Defense Challenge by @rohit_negi9 Focus: CSS Basics ✅ CSS: External, Internal, Inline ✅ Selectors: Tag, ID, Class 🎨 Colors: HEX, RGB, RGBA, HSL 📏 Units: px, em, rem, % ✍ Fonts: size, family, weight, style #mernstack #coderArmy


Day 6: Defense Challenge by @rohit_negi9 Focus: HTML Media & Deployment ✅ <audio>/<video> with <source> fallback ✅ YouTube: watch?v=ID → embed/ID, youtu.be/IDyoutube.com/embed/ID ✅ Multipage site made live #mernstack #WebDevelopment #coderArmy


Day 5: Defense Challenge by @rohit_negi9 Focus: HTML Forms - Input: text, number, email - Label → describes input - Name → backend key - Radio/Checkbox → select - Placeholder → hint - Buttons → submit/reset - Required #mernstack #WebDevelopment #coderArmy


Day 4: Defense Challenge by @rohit_negi9 Focus: File Path & Boilerplate 🔹 Paths: Absolute / Relative 🔹 Boilerplate: <!DOCTYPE html>, <html>, <head>, <body> 🔹 Essentials: <div>, class, id 🔹 Semantic: <header>, <main>, <footer> #mernstack #WebDevelopment #coderArmy


Day 3: Defense Challenge by @rohit_negi9 Focus: Nested Lists & Tables 🔹 Nested Lists = lists inside lists 🔹 Tables = rows <tr>, cells <td>, structure <thead>/<tbody>/<tfoot>, semantic headings <th>, merge with rowspan/colspan #mernstack #WebDevelopment #coderArmy


Day 2: Defense Challenge by @rohit_negi9 Focus: Basic HTML 🌐 🔹 Tags & Elements 🔹 Headings <h1>-<h6> 🔹 Paragraphs <p> 🔹 Lists <ol>/<ul> + <li> 🔹 Links <a href> + _blank 🔹 Images <img src alt> Built a simple static page 🙌 #mernstack #WebDevelopment #coderArmy


Day 1: Started Defense Challenge by @rohit_negi9 🚀 Focus: How the Internet Works 🌐 🔹 IP – temporary ID from ISP 🔹 MAC – permanent device ID 🔹 DNS – finds site IPs 🔹 Ports – identify many apps on 1 device 🔹 Routers – connect networks #coderArmy #mernstack #WebDevelopment


This account does not have any followers

United States Trends

Loading...

Something went wrong.


Something went wrong.