
Explore web development basics and websites for owners, discuss forums, and reference Instagram, App Store, Google Play Store, schools, and parks.
Learn core web development fundamentals, including html elements and attributes, the css box model and responsive layout, plus javascript concepts, dom, and css transitions and animations, leading to a project.
Explore web development basics as you build a website using HTML, CSS and JavaScript, and learn how design functionalities shape web projects.
Create your first website by organizing folders, adding an index.html, and including assets (images, audio, documents) along with css, js, and php files to display a hello world page.
Begin your journey in web development and coding as you build a basic website from zero to hero, discovering foundational ideas along the way.
Learn how to use html tags to structure a simple website, including p elements, id and class attributes, and headings from h1 to h6.
Learn HTML layout by structuring header, navigation, content, sidebar, and footer to build a cohesive home page. Create sections for about us, services, and contact us, guided by css.
Create a new website by building an index.html with a proper doctype and html structure, add images with src attributes, and embed video and audio using basic HTML.
Learn to build a freelancer portfolio site using html and css, including header, navigation, and sections with ids for services, portfolio, and contact, plus ui/ux design basics.
Learn the basics of css, including cascading style sheets, syntax, selectors (universal, element, class, id, descendent), and how to apply styles using inline, internal, and external css.
Explore the CSS box model, detailing how content padding, border, and margin shape layout and sizing for elements such as the H1 within the body, with practical box calculations.
Apply CSS transitions to create smooth, parameterized changes like color and movement. Learn the transition property and timing functions, with box examples and hover effects.
Explore CSS fixed positioning, absolute and sticky options, and how they interact with the normal flow, scrolling, and top and bottom placement.
Learn how to implement CSS animations, using keyframes, duration, timing function, and transition properties; control infinite looping, direction (forward, backward, alternate), and transform-based motion from 0% to 100%.
Explore inline CSS and its power to style HTML elements, compare internal and external CSS, and practice applying font size, color, and layout in real pages.
Explore internal CSS and how to apply inline, internal, and external styles, adjust font size and colors, and use CSS selectors to style headings like h1 and h2.
Learn how to apply styling with external CSS in HTML by linking a stylesheet using the link tag and rel=stylesheet, and compare this to inline CSS for applying styles.
Style your website by building a wireframe with a header, navigation, and sections like services, about us, and contact us. Align margins and padding for a clean layout.
Build a to-do list app with HTML and CSS, using index.html and style.css, structuring list items with checkboxes and a responsive flex layout for mobile.
Learn how JavaScript drives dynamic, interactive websites and cross-platform mobile apps, using HTML and CSS, in-browser testing, and console logging to write and test code.
Manufa
Gabatar da ɗalibi zuwa JavaScript da fahimtar dalilin da yasa ake amfani da shi a web development.
? Abin da za ka koya:
Menene JavaScript
Dalilin amfani da JavaScript
Bambancin HTML, CSS, da JavaScript
? Bayani
JavaScript Programming Language ne da ake amfani da shi wajen ƙara rayuwa da motsi a website.
Idan babu JavaScript:
Website zai tsaya ne kawai (static)
Misali:
HTML → ginin website
CSS → kyawun website
JavaScript → aiki da mu’amala (interaction)
? Lecture 31: Barka da JavaScript
? Manufa
Sanya ɗalibi ya ji JavaScript ba abu ne mai tsoro ba.
? Abin da za ka koya:
Inda JavaScript yake aiki
Abubuwan da JavaScript zai iya yi
Abubuwan da ba zai yi ba (a wannan level)
? Bayani
JavaScript yana aiki ne a:
Browser (Chrome, Firefox, Safari)
Abubuwan da JavaScript zai iya yi:
Nuna alert
Amsa click (button)
Canza rubutu a page
Ƙirƙirar simple interaction
A wannan course:
Ba mu shiga backend
Ba mu shiga database
Gabatarwa kawai muke yi
? Lecture 32: Yadda ake saka JavaScript a HTML
? Manufa
Fahimtar yadda JavaScript ke shiga cikin HTML page.
? Abin da za ka koya:
<script> tag
Inda ake saka JavaScript
? Bayani
JavaScript ana saka shi ta hanyar <script> tag.
Misali:
<script>
alert("Hello JavaScript");
</script>
Ana iya saka JavaScript:
A cikin <head>
Ko a ƙasan <body> (mafi so)
? Lecture 33: JavaScript Alert & Events
? Manufa
Koyar da ɗalibi first interaction da JavaScript.
? Abin da za ka koya:
alert()
onclick event
? Bayani
JavaScript yana iya amsa abin da mai amfani ya yi.
Misali:
<button onclick="alert('Barka da JavaScript')">
Click Me
</button>
Wannan shine first step na interactivity.
? Lecture 34: JavaScript a Real Website (Simple Example)
? Manufa
Nuna yadda JavaScript ke aiki tare da HTML & CSS.
? Abin da za ka koya:
Amfani da JS a website
Fahimtar role ɗin JS a project
? Bayani
A website:
HTML → structure
CSS → design
JavaScript → aiki
Misali:
<button onclick="changeText()">Click</button>
<p id="text">Hello</p>
<script>
function changeText() {
document.getElementById("text").innerHTML = "Welcome!";
}
</script>
Ba sai ka haddace ba — ka fahimci concept ne kawai.
Explore web development and design fundamentals and see programming as part of computer science, engineering, and technology in Hausa. Practice daily and use resources like Google, YouTube, and Stack Overflow.
Hausa Web Development Course
Learn how to build beautiful websites step by step, in Hausa.
This course is designed to help you understand web development in the simplest way possible. Whether you are a complete beginner or someone who has tried to learn before, this course will guide you from the basics to building your own professional websites. You’ll learn HTML, which gives structure to your pages, CSS, which makes them beautiful and well-styled, and JavaScript, which adds movement and interaction to your site.
Everything will be explained in a clear mix of Hausa and simple English, so you can easily follow along and understand how each part works. Together, we’ll build real projects that you can proudly show to your friends, clients, or future employers.
By the end of this course, you’ll not only know how websites work but also be confident enough to create your own from scratch.
Perfect for students, beginners, freelancers, or anyone who wants to learn a digital skill and start a new career in technology.
Language: Hausa and Simple English
You’ll learn:
How the internet and websites work
Building pages with HTML
Designing with CSS
Adding interactivity with JavaScript
Creating and publishing your own website successfully online