Posts

Showing posts from June, 2023

CODING FOR BEGINNERS

Image
  WHY LEARN TO CODE? Learning to code is valuable because it enhances problem-solving skills, fosters creativity, and opens up career opportunities in the fast-growing tech industry. It empowers you to build websites, apps, and software, and enables you to shape the future with technology. WHAT IS CODING? In simple terms, coding is the process of teaching a computer to perform a specific task. It involves using a programming language (a set of rules and commands) to write these instructions. Think of it as telling the computer step-by-step what to do, like giving the computer a map to follow. Coding allows us to communicate with computers the same way we communicate in languages ​​such as English, French or Spanish. However, computers can only understand binary code consisting of 0's and 1's.  IMPORTANT TIPS TO CODE FOR BEGINNERS: Introduction to Coding Learning to code can be an exciting journey that opens up a world of possibilities. In this beginner's guide, we'

COMPLETE WEB DEVELOPMENT BOOTCAMP : TUTORIALS

COMPLETE WEB DEVELOPMENT BOOTCAMP TUTORIALS CSS GRID TEMPLATE AREA : TUT44AREA.HTML <! DOCTYPE html > < html lang = "en" > < head >     <!-- PRACTICE ADDING GRID IN SECTION, NAVBAR -->     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > CSS grid template Area </ title >     < style >         .container {             display : grid ;             grid-gap : 1rem ; grid-template-areas : 'navbar navbar navbar navbar' 'section section section aside' 'footer footer footer footer' ;         }         .items {             border : 2px solid black ;             background-color : aqua ;             padding : 23px 34px ;         }         #navbar {             grid-area : navbar;         }         #section { grid-area : section;         }         #aside { grid-area : aside;         }         #footer

COMPLETE WEB DEVELOPMENT BOOTCAMP:practice.html

practice.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Animation </ title >     < style >         * {             margin : 0% ;             padding : 0% ;             /* background-color: blue; */             height : 100% ;             width : 100% ;         }         .container {             display : flex ;             background-color : rgb ( 255 , 157 , 0 );           /* height:100%;          width: 100%; */         }         .box {             display : flex ;             height : 50px ;             width : 50px ;             border-radius : 50% ;             background-color : rgb ( 238 , 255 , 0 );             text-align : center ;             align-items : center ;             justify-content : center ;                     }         #box1 {