Dan Aleko
Dan Aleko
  • 20
  • 190 010
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! ❤️
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

Komentáře

  • @Radhekrishna99995
    @Radhekrishna99995 Před 6 dny

    please make one video on how to get all user info with us?

  • @Radhekrishna99995
    @Radhekrishna99995 Před 6 dny

    where does the login info goes when someone enters the website?

    • @danaleko
      @danaleko Před 6 dny

      This is the frontend. It has no backend

    • @Radhekrishna99995
      @Radhekrishna99995 Před 5 dny

      @@danaleko so plz make a video on backend also

  • @Radhekrishna99995
    @Radhekrishna99995 Před 6 dny

    thank u for such video

  • @sami_sami2616
    @sami_sami2616 Před 7 dny

    Thank You ❤

  • @leonardigweokolo2813
    @leonardigweokolo2813 Před 10 dny

    Great work, Dan. It's so wonderful that you're explaining your process. It's really beginner friendly. How can I contact you? Thanks

  • @motivemover7880
    @motivemover7880 Před 10 dny

    nice work mahnn

  • @JacksonDiKey
    @JacksonDiKey Před 17 dny

    This is the best implementation of calculator i've ever seen :)

    • @JacksonDiKey
      @JacksonDiKey Před 17 dny

      But using eval in that way, unfortunately, not the best idea due to security issues of user input..

    • @danaleko
      @danaleko Před 16 dny

      @@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!

  • @Geo-Relay
    @Geo-Relay Před 18 dny

    Very Nice👍

  • @unknown-ob3fl
    @unknown-ob3fl Před 19 dny

    Bro please full beginner course upload make zero to hero course

  • @anime_maniak155
    @anime_maniak155 Před 20 dny

    That was very instructive. I am a junior developer and this is very helpful to me. Good job man .Keep it up 😄😄😄

  • @leonardigweokolo2813
    @leonardigweokolo2813 Před 26 dny

    👍Thank you and God bless for explaining what you're doing.

  • @dmsm7998
    @dmsm7998 Před 28 dny

    do you have discord or telegram . i need connect to you

  • @dmsm7998
    @dmsm7998 Před 28 dny

    cool

  • @Mastiinkitchen
    @Mastiinkitchen Před měsícem

    Love the content😊

  • @edutecharena8323
    @edutecharena8323 Před měsícem

    Full code

  • @edutecharena8323
    @edutecharena8323 Před měsícem

    We want full code

  • @Jiancodes
    @Jiancodes Před měsícem

    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!

    • @danaleko
      @danaleko Před měsícem

      Unfortunately, I never created a video on that topic. It seems there might be a mix-up.

  • @borngreatstv5110
    @borngreatstv5110 Před 2 měsíci

    pls, lemme have the link to download the background image

    • @danaleko
      @danaleko Před 2 měsíci

      First Link in the description contains all the base files including the image

  • @AdeoluwaOluwasanu-mb1ku
    @AdeoluwaOluwasanu-mb1ku Před 2 měsíci

    Thank you very much

  • @dmsm7998
    @dmsm7998 Před 2 měsíci

    hi can you give me telegram id to i connect to you

  • @lomelisquad
    @lomelisquad Před 3 měsíci

    where does the info go when someone registers?

  • @kz011.
    @kz011. Před 3 měsíci

    Not mobile responsive, although nice project

  • @user-bv2tb7sp3e
    @user-bv2tb7sp3e Před 3 měsíci

    Wow.love you

  • @user-bv2tb7sp3e
    @user-bv2tb7sp3e Před 3 měsíci

    Thenk you

  • @user-bv2tb7sp3e
    @user-bv2tb7sp3e Před 3 měsíci

    Wow.

  • @user-bv2tb7sp3e
    @user-bv2tb7sp3e Před 3 měsíci

    Amazing.from Bangladesh

  • @Burger783
    @Burger783 Před 4 měsíci

    and pls can i get more videos ?

  • @Burger783
    @Burger783 Před 4 měsíci

    i rlly love ur videos tutorial thanks i am learning alottt of coding thank you

  • @shreyagaikwad982
    @shreyagaikwad982 Před 4 měsíci

    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???

    • @danaleko
      @danaleko Před 4 měsíci

      compare with the source code i have provided

  • @straightcable1836
    @straightcable1836 Před 4 měsíci

    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....

  • @hemavarshini1822
    @hemavarshini1822 Před 4 měsíci

    Thanks you so much . The video is very useful.

  • @Asif05288
    @Asif05288 Před 4 měsíci

    Thank you Sir For giving the Code of this Login 😊😊

  • @chintalagreeshma4664
    @chintalagreeshma4664 Před 4 měsíci

    I am unable to link css code with html code can u please help

    • @danaleko
      @danaleko Před 4 měsíci

      1:39 i have linked the CSS file. Note my CSS file name is "styles.css" replace that with your CSS File name

  • @polusaniaravind4333
    @polusaniaravind4333 Před 4 měsíci

    How to get the vs code in the right click menu bar .can u pls explain

    • @danaleko
      @danaleko Před 4 měsíci

      What do you mean?

    • @polusaniaravind4333
      @polusaniaravind4333 Před 4 měsíci

      @@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..

    • @danaleko
      @danaleko Před 4 měsíci

      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

    • @polusaniaravind4333
      @polusaniaravind4333 Před 4 měsíci

      @@danaleko sure sir I will check it by mrng

  • @enogiasunalex9617
    @enogiasunalex9617 Před 5 měsíci

    it didnt work for me.please why?

  • @enogiasunalex9617
    @enogiasunalex9617 Před 5 měsíci

    Excellent. I did same and I got amazing exact result

  • @uzairkpogcl6751
    @uzairkpogcl6751 Před 5 měsíci

    Great Sir

  • @WebDevXpert
    @WebDevXpert Před 5 měsíci

    An informative video ,keep it up

  • @user-te2vo8hx9t
    @user-te2vo8hx9t Před 5 měsíci

    New friend here... hope same...

  • @MarvinGuzman-nd8xj
    @MarvinGuzman-nd8xj Před 5 měsíci

    I've been looking for someone to teach me like u do, I'm glad I found ur video.

  • @XYZ-zn7sy
    @XYZ-zn7sy Před 5 měsíci

    How to get the background picture like yours?

  • @user-hi4qd9vo8o
    @user-hi4qd9vo8o Před 5 měsíci

    NYC VEDIO

  • @user-jk3ds2xe4p
    @user-jk3ds2xe4p Před 5 měsíci

    Great work 👌

  • @qo-q
    @qo-q Před 5 měsíci

    thank you

  • @user-yi5yi3fn7w
    @user-yi5yi3fn7w Před 5 měsíci

    👍👍👍👍👍👍👍👍👍👍👍👍

  • @i.kingdom2273
    @i.kingdom2273 Před 5 měsíci

    You deserve this start❤❤❤ you are the best teacher at all keep continue you the best ever , the way how you explain more simple

  • @umeba207
    @umeba207 Před 6 měsíci

    this tutorial is awesome 💚💚

  • @restart_perpetua
    @restart_perpetua Před 6 měsíci

    hello, what should I add to this in order for me to log in and direct to the homepage?

  • @_dannyharper
    @_dannyharper Před 6 měsíci

    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?

    • @danaleko
      @danaleko Před 6 měsíci

      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.

  • @boukrimohammed
    @boukrimohammed Před 6 měsíci

    Bro thank you soooooo much