🛑 Build a Linktree Clone! (super simple!) HTML + CSS (+ JS optional)

Подписаться 424 тыс.

Просмотров 49 тыс.

50% 1

Click here to view the Developer Salary Report 2022 (sponsors) : bit.ly/dev-sal...
Final code: github.com/kub...
__
⭐ Sign up for my Full Stack Developer Course: www.codewithan...
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webs...
⭐ New to code and none of this is making sense? Watch my '12hr+ RU-vid Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine-...
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 94

@juryrigg8156 Год назад

This video single handedly got me into learning html, css, and java. I’m addicted it’s so much fun! Thank you!

@unkn0wnrge189 Год назад

My job is backend, but I will do this lesson, cause Ania is gold, the best Polish, British and Atlantian woman, your are such a class, I need to implement it myself to have such attributes to override, I'm sure every british lord could learn glamour from you.

@aniakubow Год назад

Your support for these years has meant the world to me!

@shimaalcarrim7949 Год назад

@@aniakubow If I would have been able to afford Twitter, I'd have given you a Tesla & 3 Dragon Eggs, to show my appreciation ♥️

@playinggames9242 Год назад

I really enjoyed this tutorial, so thank you for that. One thing that was really getting to me, though, was that your SVG icons were not vertically centered. This can be easily fixed by: 1) adding 'align-items: center;' to '.tile'. 2) changing the 'margin: 4px 8px' on '.icon' to 'margin: 0 8px;'.

@ezequielrivera9992 Год назад

Thak you so much for all your support!! I send you a greeting form Aguascalientes city Mexico!!

@madhubagroy Год назад

This channel is a goldmine! Thank you Ania !!

@techwithulises Год назад

Just what I was looking for to start my portfolio, I will look forward to it😋

@frambuella Год назад

Awesome! I'm currently going through a full stack bootcamp and this is going to be an awesome page I can make myself to link to my portfolio and other socials!! Thanks 😊

@joshuatealeaves Год назад

My suggestion Ethan…if you’re breaking into tech as a junior most companies aren’t hiring full stack jr. devs. They want you anywhere near data. I would learn the front end, get you a job & level up your back end knowledge from there

@frambuella Год назад

@@joshuatealeaves Thanks Joshua for the advice!

@stevenkenny7622 Год назад

My apologies, I deleted my previous comment, this video was great, which is why I subscribed to this channel 😇

@luiscorado2868 Год назад

Thanks Ania for give so much knowledge to the community and followers, you are pure gold.

@ViratPrasad Год назад

Thanks for this tutorial. I has just finished HTML and CSS part of a course that I am taking now and this video helped me a lot to understand better how things work.

@ty2k Год назад

Really great tutorial. I just forwarded this to one of my colleagues who is trying to learn HTML and CSS.

@jayceelewis_ Год назад

This was great! Easy to follow, and the project looks great. Thank you, Ania!

@musshare Год назад

I love you... I watched your tutorial on rapid API - google translate project. I learnt a lot 🥰🥰

@aymenroas Год назад

thank you very much Ania we continue to learn from you every day ... I suggest you make a tutorial that helps us learn more about real-time notification with WebSockets.

@christiandanielmoralesagui4659 Год назад

You are the best programmer, i love your videos

@zakhariahk.8720 Год назад

Thank you so much for this…. it gave me the taste of programming again and create my own tools.😊

@sisa213 Год назад

Yesss! A new video from my Web Dev queen 🤗

@ImranKhan-kf4ez Год назад

please, build a video sharing website like youtube

@HowManyShrimps-g7z Год назад

great example. we'll be glad to see examples with preprocessors, not pure html and pure css

@MarketYour-Luv Год назад

Thank you georgeous, I'm new, have you looked at Moralis?

@emmanuelsaavedra6037 Год назад

siempre veo tus videos para aprender a programar y mejorar mi ingles gracias

@gustavojoaquin_arch Год назад

@HowManyShrimps-g7z Год назад

you forgot to add link to your top button

@motopaediatheview9284 Год назад

Thank you

@horrorfying2884 Год назад

will you ever cover svelte?

@samialvi4226 Год назад

Waiting for another amazing Tut!!! BTW Love you're name.

@mohamadmhana9453 Год назад

We need more videos like this , I learned a lot of techniques , Thanks alot 🙏

@masibeats1 Год назад

Thank you! It looks amazing!

@ambiorireyes Год назад

iam learning alot of with you.. i did the calculate , analogue clock and piano

@MangiamoPasta Год назад

The best!

@meng4948 Год назад

I am waiting for the next js 13.

@benlaw5228 Год назад

Hey Ania - The quality of this video is incredible. You didn't happen to upgrade cameras recently did you? 😉

@aniakubow Год назад

👀👀👀😄

@paulthomas1052 Год назад

Great tutorial as usual - thanks so much :)

@johnhughes3492 Год назад

Awesome tutorial! Thank you!

@mlle_devieux Год назад

Came from freecodecamp and i will Never regret this . thanks a lot 👍

@aniakubow Год назад

❤

@Camel_Coder Год назад

Thanks for the tutorial!

@darkdomainofficial Год назад

You are a great woman i have ever seen... I'm from Nigeria and i want to create news website with html and css. Please make a video. God bless you sweetheart

@screendice4107 Год назад

Thanks mam.finally uploaded.

@MikeHudsontek Год назад

Can someone explain the 'e' being passed in that function? I almost follow

@hassaneoutouaya Год назад

Thank you so much !

@EdwinOrellana Год назад

I get an error on copy to clipboard TypeError: navigator.clipboard is undefined

@aliensoul7600 Год назад

'pretty' && 'smart' === 'Ania' True 😅 Thank you ma'am I'm waiting for you video. ☄️

@Mind--Blow Год назад

made it thanks for the video

@FilmsSaaveON Год назад

ok im here... 2:23 start 6:24 css ...28:37 js

@nocturnewarrior8649 Год назад

Thanks for all your effort Ania. Your videos helped me a lot building my career as a software developer. Thank you beautiful teacher 👩‍🏫 ❤

@damianliszkiewicz Год назад

Ania jesteś najlepsza, dzięki!

@tackesi Год назад

Это просто, но мне нравятся твои видео. Спасибо!

@shimaalcarrim7949 Год назад

I'm a simple guy. Unless I see "Super Simple", I don't even click.

@RichardCookerly Год назад

You are so absolutely beautiful and smart. Love the glasses on you!

@РафкатХананов Год назад

Hello! Thank you for this useful lesson. If i have a button "coding tips", for example, how can i do a function, when after clicking on this button there will be a window with a text? Thank you for an answer in advance

@FunIsGoingOn Год назад

I always love the parts when you say "Haige Tea ML", just like so. #SCNR 😉

@alphamoore3556 Год назад

How do you learn everything you know.... please recommend me how can I be like you

@srishimalah9561 Год назад

Hi @Code with Ania Kubów , your video of the battleship is unavailable.Can you please look into it ? Because your video is the part one and the part 2 & 3 three is working. I am trying to study the game logic and it will be very helpful if you can re-upload your video.Thank you.

@luiscorado2868 Год назад

for some reason the word RU-vid, Twitter and Coding Tips are aligned to the right and Ill been struggling trying to make them center, any help are welcome

@denniszenanywhere Год назад

I did this awhile back but will watch this. Curious to know if there’s a way to connect it with an ovou business card. It’s one card that you tap to someone’s phone and he saves my info. In this case linktree. Edit: I think I merely added info not built a link tree clone, my bad

@screendice4107 Год назад

Mam I am waiting.why you don't always wear glass?

@aniakubow Год назад

I wear them for computer glare sometimes :)

@screendice4107 Год назад

Nice to give me knowledge about computer glare

@busyrand Год назад

Oh... That's what's different. Glasses are always a nice touch...

@tommymichalski9989 Год назад

Omg what a pretty nerd 😇. I see only one problem why I could not mingle with her, she uses a blackout browser. Nevertheless thumbs up!

@techwithulises Год назад

Mi parte favorita en el minuto 22:44 , igual que tú, quede 🤡

@techwithulises Год назад

@WhasApp±1240𝟾𝟺𝟺𝟷𝟷78 Code with Ania kubow No lo se rick, parece falso

@sadbuttrue87 Год назад

Kalessi

@picassosweetsproducer4426 Год назад

hi im new to coding and im a big advocate for open source free software so im using blue fish some of the structure isnt working right when you get to flex and flex direction isnt coming up should i still continue?

@CRSSquad Год назад

oh my god you look like "Emilia Clarke" 😍

@Gontran_Courtjoie Год назад

👍

@screendice4107 Год назад

Time has been passed but video not uploaded.why?

@aniakubow Год назад

In 7 hours :)

@screendice4107 Год назад

Why you become so late to upload?

@danielnaipat4836 Год назад

Quick question, what headphones do you have?

@aniakubow Год назад

JBL :)

@toufiqulislam8575 Год назад

Hello Mam, Do you have any tutorial on : 1) Building /Creating API and Sell. 2) Creating Google Chrome Extension and Sell. 3) Building a customize AI graphic design system for developing/designing KDP colouring book Pages (Like Midjourney). 4) Creating Google Chrome extension for adding product or import product into any Amazon affiliate website just one click. if you have already been done, please provide me the link.

@aniakubow Год назад

I have some of these in my channel :)

@toufiqulislam8575 Год назад

@@aniakubow would you please provide those links?

@RahmiOsmanKacmaz Год назад

@@toufiqulislam8575 You know that you can search right?

@vahagsh1208 Год назад

Who said that women can't be smart and beautiful at the same time 😍😂

@anupkhismatrao9280 Год назад

❤

@startupshorts Год назад

👍👍

@dyrectory_com Год назад

👍🏼

@jls8487 Год назад

❤🥰

@shaxzodshaxzod2506 Год назад

You are beautiful

@AsakuraDantes Год назад

In your Linktree, you forgot to add your OnlyFans (:

@webdev8659 Год назад

How is this possible? So beautiful and clever! But the code can be improved. Before building the tree, we can create an array with parameters. Foreach over this array `${note.text}`. Something like that.

@mehmetfatihyilmaz1641 Год назад

when you change this: const link = this.getAttribute('link') to this: const link = this.closest('a').getAttribute('href') you don't have to add the "link" attribute, however you still need a way to add the main link when clicking 'share-button' maybe someone was a creative idea?