![Dan Aleko](/img/default-banner.jpg)
- 20
- 190 010
Dan Aleko
Kenya
Registrace 25. 12. 2021
Web developer & Designer, WordPress enthusiast ! From stunning website templates to captivating design elements, I specialize in crafting ready-to-use assets that spark imagination and elevate your projects effortlessly.
Build a Functional Calculator with HTML, CSS, and JavaScript - Step-by-Step Tutorial
Learn how to build a functional calculator from scratch using HTML, CSS, and JavaScript! Follow along as we design the layout, add styling, and implement functionality step by step. Subscribe for more coding tutorials!
⬇️ IMAGE USED ⬇️
drive.google.com/file/d/1ghooItvDzmpyFrFNL-0xRvK7O6Tm6RV0/view?usp=sharing
⬇️ SOURCE CODE ⬇️
github.com/danaleko/Calculator-in-Javascript.git
🔗 Resources 💯
▪️ Fonts: fonts.google.com/
👍 Thanks for watching!
Support me with a like and A Subscription! ❤️
⬇️ IMAGE USED ⬇️
drive.google.com/file/d/1ghooItvDzmpyFrFNL-0xRvK7O6Tm6RV0/view?usp=sharing
⬇️ SOURCE CODE ⬇️
github.com/danaleko/Calculator-in-Javascript.git
🔗 Resources 💯
▪️ Fonts: fonts.google.com/
👍 Thanks for watching!
Support me with a like and A Subscription! ❤️
zhlédnutí: 156
Video
CSS Display Methods | Grid, Flex, Block, Inline-Block, Inline
zhlédnutí 97Před měsícem
In this video, we'll explore the key CSS display methods: Grid, Flexbox, Block, and Inline-Block. Learn how to use these techniques to create responsive and dynamic web layouts. 🔗 More Videos 💯 Responsive CAR DEALER Website using HTML, CSS, JavaScript. - czcams.com/video/Uf0YAPwByW0/video.html Amazon Clone using HTML, CSS & JavaScript - czcams.com/video/-JpZ7tE-AwU/video.html Create a Fully Fun...
Create a Contact Form and Send Emails to Gmail
zhlédnutí 955Před měsícem
Learn how to create a contact form using HTML and CSS, and link it to your Gmail account to receive messages directly. This step-by-step tutorial is perfect for beginners looking to enhance their web development skills. ⏱️ Timestamps ⏱️ 00:00 - Overview 02:16 - Setting Up the Project 05:54 - Building the form 09:23 - Styling the form 20:31 - Linking the form to gmail 🔗 Resources 💯 ▪️ Fonts: fon...
Sign In / Login Form In React
zhlédnutí 237Před měsícem
Learn to build a Sign In / Login Form in React with our easy tutorial. Perfect for beginners and seasoned developers alike. Like, share, and subscribe for more content! ⬇️ DOWNLOAD IMAGE ⬇️ drive.google.com/file/d/1izI381vbTrG0frQMnhXpetQ6KSBBWR0H/view?usp=sharing ⏱️ Timestamps ⏱️ 00:00 - Overview 00:26 - Setting Up the Project 03:47 - Creating functional components 05:45 - Styles 🔗 Resources 💯...
Npx create-react-app not working error in Visual Studio Code
zhlédnutí 98Před měsícem
Solve the error below "npx create-react-app my-react-app npm ERR! code ENOENT path C:\Users\kcprp\AppData\Roaming pm: no such file or directory, lstat 'C:\Users\kcprp\AppData\Roaming pm' This is related to npm not being able to find a file."
Responsive CAR DEALER Website using HTML, CSS, JavaScript.
zhlédnutí 466Před 2 měsíci
⬇️ DOWNLOAD IMAGES ⬇️ drive.google.com/file/d/1OnD03joiNm0L6PMBez18TVI6ZHh5OkC8/view?usp=sharing ⬇️ SOURCE CODE ⬇️ buymeacoffee.com/danstanaleko/e/245468 🔗 Resources 💯 ▪️ Icons: boxicons.com/ ▪️ Fonts: fonts.google.com/ ⏱️ Timestamps ⏱️ 00:00 - Project Overview 02:08 - Setting Up the Project Files 06:11 - Main Menu 14:03 - Home Section 30:59 - Sticky Header 33:35 - Most Sold Cars 40:51 - Shop S...
Random Quote Generator in HTML/ CSS
zhlédnutí 122Před 3 měsíci
Welcome to our Random Quote Generator! This simple yet powerful tool generates thought-provoking quotes with just a click of a button. Developed using HTML, CSS, and JavaScript, this project showcases the beauty of frontend web development. 🌟 Features: ▪️ Randomly generates inspiring quotes to uplift your day. ▪️ Easy-to-use interface with a clean and modern design. ▪️ Customizable styling to f...
Sign Up | Sign In Form in HTML & CSS
zhlédnutí 2,7KPřed 3 měsíci
Sign Up Form in HTML and CSS, Sign in Form in HTML and CSS, Sign Up Page HTML CSS, Sign in Page HTML CSS, Register Form using HTML and CSS, ⬇️ FREE DOWNLOADS ⬇️ ▪️ Bg Image➜ drive.google.com/file/d/1WhFVm-zdIGCV4D_wQ-CESsI4-GN0rL57/view?usp=sharing ▪️ Source Code ➜ github.com/danaleko/Sign-In-Sign-Up-form 🔗 Resources 💯 ▪️ Icons: boxicons.com/ ▪️ Fonts: fonts.google.com/ 👍 Thanks for watching! S...
Amazon Clone using HTML, CSS & JavaScript | Frontend Project
zhlédnutí 632Před 3 měsíci
amazon clone, amazon clone in html and CSS, amazon clone in JavaScript ⬇️ FREE DOWNLOADS ⬇️ ▪️ Images ➜ drive.google.com/file/d/1nT_pHfkVLDiKb-JFcs6Ot2h0fo6K4C-B/view?usp=sharing ▪️ Source Code ➜ github.com/danaleko/Amazon-Clone.git 🔗 Resources 💯 ▪️ Icons: boxicons.com/ ▪️ Fonts: fonts.google.com/ 👍 Thanks for watching! Support me with a like and A Subscription! ❤️ 🎺Music Used Almost in F - Tra...
Linktree Portfolio CLONE In HTML/CSS
zhlédnutí 238Před 4 měsíci
Discover how to create your own Linktree portfolio clone using HTML and CSS in this step-by-step tutorial. Learn to showcase your profile, add buttons for CV, GitHub, and more with emojis, and make it fully responsive for all devices. ⚡ FREE RESOURCES FOLDER ⚡ ▪️ Download Resources Folder➜ drive.google.com/file/d/1j02LB71fIbbe4b8pMvAaDQFoMHT9w3RB/view?usp=sharing 🔗 Resources 💯 ▪️ Emojis: emojic...
How to Install React JS In Visual Studio Code
zhlédnutí 637Před 4 měsíci
Today we are going to learn how to use install react JS in Visual Studio code. First, you need to download and install Node JS. 🔗 Resources 💯 ▪️ Download Node.js: nodejs.org/en/download 👍 Thanks for watching! Support me with a like A Subscription! ❤️
Sign Up Form in HTML & CSS
zhlédnutí 2,5KPřed 4 měsíci
Sign Up Form in HTML and CSS, Sign Up Page HTML CSS, Register Form using HTML and CSS, Sign Up Form HTML CSS, Register Page HTML CSS, Sign Up Form CSS ⚡ FREE BASE FILES ⚡ ▪️ Download Base Files➜ github.com/danaleko/Registration-Form-Base-files.git 🔗 Resources 💯 ▪️ Portlab animated Icons: potlabicons.com/ ▪️ Icons: boxicons.com/ ▪️ Fonts: fonts.google.com/ 👍 Thanks for watching! Support me with ...
Create a Custom URL Shortener using Javascript, HTML, CSS
zhlédnutí 605Před 5 měsíci
In this video tutorial, I'll show you how to create a URL Shortener Using the tinyurl.com API, and encodeURIComponent Function. ⚡ FREE BASE FILES⚡ ▪️ Download Base Files➜ github.com/danaleko/URL-Shortener Base-files 🔗 Resources 💯 ▪️ Lordicon animated Icons: lordicon.com/ ▪️ Icons: boxicons.com/ ▪️ Fonts: fonts.google.com/ ⌚ Timestamps 0:00 Introduction 0:14 URL Demo 1:17 File Setup 2:18 Linking...
How To Create a Working Contact Form With HTML | Receive Data From Form to Gmail
zhlédnutí 2,9KPřed 5 měsíci
In todays Video , You will learn How To Receive Data from a contact form developed in HTML/CSS To your Gmail Account 📚 RESOURCE LINKS 📚 💯 How to Create the contact form ➜ czcams.com/video/g7_H9T-8oQ8/video.html
Create a Stylish Contact Section Using HTML and CSS - Step-by-Step Tutorial
zhlédnutí 926Před 5 měsíci
In this tutorial, you'll learn how to design and code a sleek and functional contact section using HTML and CSS. Follow along as I walk you through the process, from building the structure to styling it with CSS, to create an impressive Contact section for your website. 📚 More Videos📚 Connect the Contact form to Gmail ➜ czcams.com/video/xFACtSpmj3E/video.html Functional & Responsive Portfolio W...
Responsive Ecommerce Landing Page in HTML, CSS & JavaScript.
zhlédnutí 524Před 6 měsíci
Responsive Ecommerce Landing Page in HTML, CSS & JavaScript.
Create a Fully Functional & Responsive Portfolio Website in HMTL, CSS, JS
zhlédnutí 1,3KPřed 7 měsíci
Create a Fully Functional & Responsive Portfolio Website in HMTL, CSS, JS
Create a Neumorphic Profile Card with HTML and CSS | Step-by-Step Tutorial
zhlédnutí 347Před 8 měsíci
Create a Neumorphic Profile Card with HTML and CSS | Step-by-Step Tutorial
Create Social Media Icons using HTML CSS | Simplest Way
zhlédnutí 621Před 8 měsíci
Create Social Media Icons using HTML CSS | Simplest Way
Create a Stylish Login Form Using HTML and CSS - Step-by-Step Tutorial
zhlédnutí 175KPřed 9 měsíci
Create a Stylish Login Form Using HTML and CSS - Step-by-Step Tutorial
please make one video on how to get all user info with us?
where does the login info goes when someone enters the website?
This is the frontend. It has no backend
@@danaleko so plz make a video on backend also
thank u for such video
Thank You ❤
Great work, Dan. It's so wonderful that you're explaining your process. It's really beginner friendly. How can I contact you? Thanks
Telegram @danaleko
nice work mahnn
This is the best implementation of calculator i've ever seen :)
But using eval in that way, unfortunately, not the best idea due to security issues of user input..
@@JacksonDiKey You are absolutely right. Using eval to process user input can introduce significant security risks, such as code injection attacks. and thank you for this correction sir!
Very Nice👍
Bro please full beginner course upload make zero to hero course
Sure I will
That was very instructive. I am a junior developer and this is very helpful to me. Good job man .Keep it up 😄😄😄
👍Thank you and God bless for explaining what you're doing.
do you have discord or telegram . i need connect to you
@danaleko
cool
Love the content😊
Full code
We want full code
Hello, has your introduction to the Vscode extension video been deleted? I didn't find it on your CZcams channel? If you still have it, can you send me a copy? Thanks!
Unfortunately, I never created a video on that topic. It seems there might be a mix-up.
pls, lemme have the link to download the background image
First Link in the description contains all the base files including the image
Thank you very much
Any time
hi can you give me telegram id to i connect to you
where does the info go when someone registers?
It has no backend
Not mobile responsive, although nice project
Wow.love you
Thenk you
Welcome
Wow.
Amazing.from Bangladesh
and pls can i get more videos ?
Stay tuned
i rlly love ur videos tutorial thanks i am learning alottt of coding thank you
You are welcome!
Hello sir, i've copied and pasted all links like you told of boxicons but it won't work T_T, what do I do???
compare with the source code i have provided
I'm a phone user. Then I encountered a problem where I couldn't use the icon . Is it true that it only works on the Desktop? Plss reply....
Thanks you so much . The video is very useful.
Thank you Sir For giving the Code of this Login 😊😊
I am unable to link css code with html code can u please help
1:39 i have linked the CSS file. Note my CSS file name is "styles.css" replace that with your CSS File name
How to get the vs code in the right click menu bar .can u pls explain
What do you mean?
@@danaleko just u placed all the logos and files. In a folder right and u opened the folder and given right click and there u can see vs code .I want to get the vs code in right click memu bar..
During the installation of VS Code, you might have an option to install command-line tools. Make sure to select that option. If you missed it during installation, you can still install it later. Open VS Code, press Ctrl+Shift+P to open the command palette, and type "Shell Command: Install 'code' command in PATH" and select it. This will add VS Code to your system's PATH. @@polusaniaravind4333
@@danaleko sure sir I will check it by mrng
it didnt work for me.please why?
Any errors?
Excellent. I did same and I got amazing exact result
Great Sir
An informative video ,keep it up
New friend here... hope same...
welcome
I've been looking for someone to teach me like u do, I'm glad I found ur video.
How to get the background picture like yours?
NYC VEDIO
Great work 👌
Thanks ✌️
thank you
Welcome!
👍👍👍👍👍👍👍👍👍👍👍👍
You deserve this start❤❤❤ you are the best teacher at all keep continue you the best ever , the way how you explain more simple
this tutorial is awesome 💚💚
hello, what should I add to this in order for me to log in and direct to the homepage?
add an anchor and link it to your homepage i guess
Great video! The backdrop filter isn’t working for me, I’ve followed along exactly how you did it. Any ideas why it might jot be working?
Sure, there could be a few reasons why the backdrop filter isn't working in your CSS: Browser Support: Check if the browser you're using supports the backdrop-filter property. As of my last update, it wasn't fully supported in all browsers, especially older versions. Make sure you're using an updated browser that supports this feature. CSS Syntax: Ensure that the syntax of your CSS is correct. The backdrop-filter property should be applied to the element you want to have the effect on, and the value should be specified correctly (e.g., backdrop-filter: blur(5px);). Element Stacking: Make sure the element you're applying the backdrop-filter to isn't set to position: static, as it might affect the rendering of the filter. Try setting its position to relative, absolute, or fixed to see if that resolves the issue. Parent-Child Relationship: Check the relationship between the element with the backdrop-filter and its parent elements. If the parent has certain properties like overflow: hidden, it might prevent the backdrop-filter from being displayed correctly. Hardware Acceleration: Sometimes hardware acceleration can affect the rendering of CSS properties. Try toggling hardware acceleration in your browser settings or test it on a different machine to see if it's a hardware-related issue. Testing with Different Values: Experiment with different values for the backdrop-filter property (e.g., blur, brightness, contrast, etc.) to see if the issue is specific to certain filter effects. Transparency and Color: Ensure that the element on which you're applying the backdrop-filter has some level of transparency or color that can be affected by the filter. If the element has no transparency or color, the filter might not be visible.
Bro thank you soooooo much