Three.js personal portfolios are amazing...

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

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

50% 1

Join .Tech Domains with Break The Code and win amazing prizes!!! ➡ go.tech/filip
Yes - this is a very highly requested video following my series "Web Developer reacts to incredible websites". In this video, we look into a variety of websites and web applications all made with three.js, and each one serving a different purpose. The flexibility of web development amazes me every single day!
Websites featured today are fully mobile responsive (apart from the last fingerspelling website) - here are the links:
0:00 IMPORTANT intro
1:43 first website
3:20 Break the Code (MUST WATCH)
5:26 second website
8:38 final website
danny-garcia.com
www.robinpayot.com
jesse-zhou.com/
Get your Developer Resume Template ➡ shop.developerfilip.com ✏️📋
Join my Newsletter ➡ shop.developerfilip.com/sign-up 🔥
Follow me on Twitter ► / developerfilip
Join my Discord Server ► / discord
Follow me on Instagram ► / developerfilip
Check me out on GitHub ► github.com/FilipGrebowski
INQUIRIES AND COLLABORATIONS ► grebowskifilip@gmail.com
MUSIC BY ► @epidemicsound
#developer #reacts #websites

Наука

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

16 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@cryptodev2615 2 года назад

the 3-d ramen shop is the most amazing and inspiring thing I have EVER seen on the web.

@avion_ 2 года назад

Then checkout the website of the guy he mentioned as inspired by in the credits on game.

@worldofscience3668 Год назад

Now I get the idea 💡 to make something like this.

@asandax6 2 года назад

Damn people are creating the metaverse in websites while I still can't center a div inside another div without searching it for the millionth time.

@swornimkc5285 2 года назад

We all start somewhere brother, just keep going. However, you need to have a burning desire to manifest anything in life.

@obinnaugwu6185 Год назад

😂😂😂

@Ril014 Год назад

Relatable. I hope I eventually get 1/3 as good as this

@abbyhuh1460 2 года назад

i love this series! so amazing to see how many great and creative developers out there

@ivlivs.c3666 Год назад

these portfolios are next-level. they've seriously raised the bar!

@tanmaym344 2 года назад

These websites are so impressive, really inspired by how those website looks

@sercanalnca1962 Год назад

The last one gave me an idea and answered my questions inside my brain. Last site is absolutely amazing.

@sylver76 Год назад

Reminds me the story of a marketing manager who killed a series of ads that everyone loved. And his point was: everybody loved these ads, but nobody bought the product. These websites feel pretty much the same way: They looks amazing, the animation is crazy complicated, but I would hate being an user trying to get something done or finding a piece of information on these websites.

@14onyx Год назад

Im in the industry of GRAPHIC DESIGN for quite some time and let me tell you one simple thing - you grow to appreciate and be fond of aesthetics. Clarity and message delivery are very crucial for best informative portfolios. I used to get excited from all the game-like websites and being impressed by developers capabilities. The skills are very much shown, of course! but as a recruiter I couldn't for the world have managed 30 seconds in these overdone portfolios just in order to navigate and check one quality fit.

@fullViewJay Год назад

@@14onyx So basically keep the portfolio minimalistic while showing a bit of your creative abilities and expand on those said abilities in the projects you include in the portfolio? As a recruiter, what else would leave you with a good impression with websites like these?

@amorfati4559 Год назад

It's just a way to showcase your skills and make you stand out. It doesn't have to be totally practical, but if you can build this, you pretty much know web dev solid.

@almakay6437 Год назад

you sound like a crusty code vetran lol

@mj2068 Год назад

that might not the point. but, no offense, Sylver.

@ozairakhtarcom Год назад

Hey Filip bro. I love the 1st and the 3rd one. Amazing... Love to see and learn more from you especially coding ⌨️

@muhammadmuaz3121 Год назад

One thing u missed, On clicking ramen bowel 3D model on rooftop is breaks into splashes.. really really cool.. and creates a beautiful matrix like pattern to create bowl again

@unclebobssurfschool7537 2 года назад

on the final website, there is Japanese text, one says good, another says ramen (I'm sure he put that there to further emphasize the ramen theme ), and one that says Ramune which is a delicious drink, so, yeah there are just that many details in these webpages.

@Spychu1993 Год назад

As someone who is just beginning to learn about loops and arrays etc I am blown away! Shieeeeeee** I was alrwady surprised by CSS and now this.

@naimurhasanrwd Год назад

All these websites are incredible, thanks for showing them.

@lewdsenpai9241 Год назад

This was so helpful!! Thank you

@schwetang 2 года назад

Loved the last one. First one - not so much. Creativity is no good without thinking of usability. Users should be able to focus on the text when they're trying to read something.

@ahmedifhaam2669 2 года назад

Its still quite readable if you keep cursor away from text, Plus I think will that level of work, he can implement a text-bubble wrap function. The one i prsonally liked the most is the 2nd one, It is going to be hard to top that

@TheJacklwilliams 2 года назад

@@ahmedifhaam2669 I'll add that these kinds of portfolios are typically seen in Designer work vs developers though from what I see the Design/Developer role is interchangeable and many these days specialize in both.

@hardcodedsoftware4212 2 года назад

@@ahmedifhaam2669 sucks to read on mobile

@askeladden450 Год назад

@@ahmedifhaam2669 usually when a person reads some text on a screen, their cursor naturally moves over the text/image. the first website just had lacking ux in this regards.

@blo0mfilter868 Год назад

despite the text problem, the first one is still more usable and has better UX than the last one. the best in the vid is the 2nd website

@Jianju69 2 года назад

7:00 My guess is this is a particle system that is sampling from a texture which sources an HTML webpage converted to a canvas.

@saraimarte 2 года назад

Omggg the last one is amazing

@seyram1704 Год назад

Full stack dev here, these look really cool.

@flower-wz5kp 2 года назад

hi thank you for providing us such us content please I am excited to see the startup series it will be really a great thing

@MESub Год назад

Final website looks so amazing

@fishface2477 Год назад

awesome video this is like my 20th time watching it now trying find out what the scroll function is for the second website of robinpayot, its stuck in my head and find the flow of the website amazing. any help would be great👍

@giacomozoffoli4106 2 года назад

Have you tried to insert the Konami code in the credit section of the last website?

@erkfx4154 8 месяцев назад

The ramen shop reminds me of 3D models I see Polygon Runway make.

@ragz2867 Год назад

OMG ITS WORKED. Guys it really worked. Thank you

@nicolascossio5961 2 года назад

I feel some of this websites are kind of too much. I get that some of these developers make one of these 3D personal website/cv for testing and showing off skills purposes. But they don't seem functional at all tbh, too distracting and takes too long to go through the website. Still cool for other things tho

@mushroom6075 2 года назад

showoff is the point :D why would your portfolio need to be functional

@drchey1397 2 года назад

@@mushroom6075 I would like my reviewer to actually read my resume but UI /UX don't need too overpowering in most cases ....maybe if they are looking for a three js developer

@nicolascossio5961 2 года назад

@@mushroom6075 yeah i guess, what i mean is that most employers probably don't want anything like those over the top websites, so imo they don't really show off the kind of thing that an employer would look for

@Unknown-el2zk Год назад

@@drchey1397 which is why these are important things that need to be considered by devs. No employer is the same, they are all different so its all about tailoring; I think these portfolios are great, and would definitely land them employment but maybe to subdue that factor that you mentioned which is very valid because sometimes employers want to just get straight to the resume, they could provide different mediums within the website, for example options, an explore option to get the immersive experience like showcased in the video or a resume option to go straight to the work and skills. I believe that we shouldn’t compress our creative abilities just to suit employers but we should adapt, else we would be broke haha

@johnniefujita Год назад

always bruno simon... i've taken his course on three.js very well spent money

@AdityaPratapSingh-ss8wg Год назад

the last one was dam epic.

@alphakurd8850 2 года назад

Filip your choices are amazing 👏🏼... keep going.

@edenassos Год назад

When WebGPU and WebTransport hits mainstream, that's when the world of browsers will change.

@Victor-fg1ky 2 года назад

As someone who also speaks French, honestly it's no surprise a lot of the insane 3d artistic web projects are often French. The French really don't play around with Arts, cuisine, and also fragrances.

@hainevidia8753 Год назад

Yeah I definitely think so

@edenassos Год назад

Ya ok

@hainevidia8753 Год назад

@@edenassos Garri, you ok ?

@mannycalavera121 Год назад

Or Islam.. or war.. of cleanliness.

@awekeningbro1207 2 года назад

how are people so dam creative

@therankingworld7627 2 года назад

I tried to learn three.js awhile ago and my brain nearly melted dont know if I should venture back into it

@developerfilip 2 года назад

Get back into it!!!

@pruthvirajchauhan2576 2 года назад

Bro... Filip why are so good?

@williamchen5121 10 месяцев назад

Oh my gosh people are so talented ❤

@dhoulTS1 2 года назад

The reason why every talented devs are from France is because our mentors are talented, so do we become talented.

@_nimrod92 2 года назад

In the US mentors are not the norm unfortunately. Im moving to France then lol.

@mchig2195 7 месяцев назад

last is very amazing

@Omhange Год назад

filip i have a doubt related to last Porfolio i am not able to inspect or download the source code what should i do pls.help me guys

@sarafrigerio6222 Год назад

How did they do this?! I want to do it but I don't understand where and how to begin... I need to know JavaScript and others?

@karnavijoshi3807 Год назад

Bro it’s very intimidating! I’ve been slacking on it for a month now. The symbols are very confusing. You have to train your mind to

@wickedamv2636 8 месяцев назад

what they use to make this animated templates?

@foxxo-dev 2 года назад

I love 3js it is just soo useful I hope that it can be a little easier! I’m subbed, I love your content

@coachnutsy8801 Год назад

Hi. I got interested in website design recently and would love to start a career. Your reaction videos, though advanced on my level, do provide wonderful ideas and are educational. Would love to see reaction videos for WordPress web design in the future.

@markrobertson7299 Год назад

Hey Filip, your channel is very small right now but when you reach a million subcribers, don't forget me! P.S You inspired me to learn HTML😁

@developerfilip Год назад

Hey Mark! I wish! Right now I’m creeping toward 100k, but still it’s a far journey. I do appreciate the kind comments and I’m thrilled I was able to drag you into the world of web dev! All the best dude! 😎

@johnnytringuyen3382 2 года назад

waoo i like that toturial, hope you do that on the next video

@theedueniste Год назад

I need a tutorial to make the Jesse Ramen one!!!!

@jafetsisma2758 Год назад

Awesome, great video!

@katomodoshitager3760 Год назад

the headphones plugged in but the soft still cos though the computer speakers . It really should be because bluetooth has a delay

@muhamadsyamsu8430 Год назад

That's sick!, btw where can i obtain those portfolios to attempt to open them?

@developerfilip Год назад

In the description!

@michaelodikanwa442 Год назад

This is real good...Jeez!

@just_living_ 3 месяца назад

i am currently finishing up with a css and html course , can anyone recommend a project website to do, so i can further solidify what i have learned?

@joaopdioscorides1053 2 года назад

6:30 those must be shaders with threejs :)

@albertovillalbasanchez4511 2 года назад

this is amazing really amazing for me number 2

@LasTCursE69 3 месяца назад

I feel like the guy that made the Ramen Shop, should do his own startup and not work for someone else's company.. That's an insane amount of skill..

@WTFover6 10 месяцев назад

Minds Blown

@somedayitsgonnamakesense 2 года назад

i want that RAMEN SHOP in the METAVERSE!!!!

@9retty Год назад

If I was an amazing developer, which I'm currently not, I would definetly move to France.

@astrophilo2000 Год назад

FRANCE ??? are you crazy ? it's a shit place man, TRUST ME !

@gamingstars8030 Год назад

Is that ironman fighting thanos on that ramen website?

@abdelazizsiagh4545 Год назад

Brandony man pls i need to know how can I restore the snare and the hat in the channel rack, I accidentally deleted them.

@chetankhulage 2 года назад

i think these are the students of bruno simon😅

@dt8384 Год назад

In Paris they have a couple really great web development programs specificaly HETIC

@keyoree Год назад

true, bruno simon he teaches in hetic as well that's why

@andrylinda2 Год назад

My GMS (app) softs different. Why?

@shiuandai0426 Год назад

How to make the ramen one it’s really amazing,🎉

@MBhanuprakash111 2 года назад

7:47, Maybe there is a great teacher in paris teaching them all

@LaraGucciTV 2 года назад

and his name is Bruno Simon ;)

@julians.2597 2 года назад

@@LaraGucciTV not wrong lul

@sithhouse905 Год назад

4 so cool ♥️

@mosesxv 2 года назад

Good TWIXTOR tutorial

@ansiftikhar4563 2 года назад

Bro successfully installed in laptop thank you.

@funku2527 2 года назад

What did you install genius?

@manojkothwal3586 2 года назад

Michael Fassbender is teaching Web Development 👏👏👏👏👏👏👏👏👏 Great ✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️

@Mattcodes_ Год назад

So creative

@ImDino 2 года назад

Good morning, good evening, good afternoon KEVIN

@figaumidissima1339 2 года назад

these website are crazy

@jonirubidarma4773 2 года назад

They're a magician..

@prashanthkumar0 2 года назад

1:50 now think if HR asks him to explain what those balls do 😂

@funku2527 2 года назад

Omg omg u so phunny.

@onz9950 2 года назад

Annnnd you just hyped me to learn three.js like really bad

@officialsatisfyingvids8296 2 года назад

Can i be a logo designer and video editor at the same time on my portfolio website and actually showcase some of my best logo design and video editing works I’ve done🙏?

@developerfilip 2 года назад

Of course!

@chukwuebukastanley9459 Год назад

How can I go into 3 js course… who knows where I can get the beginner series ?

@astrophilo2000 Год назад

READ THE DOCS !!!

@perezshealtiel7011 Год назад

Kindly suggest a course to learn three.js so I can create something like this.

@developerfilip Год назад

I am working on releasing several courses, first one will be the fundamentals to creative html and css, it should be fun 😁

@jacobkyalo3149 2 года назад

Have been developing for two months html and css😩

@danielleivy8180 2 года назад

Welcome to the rabbit hole - keep going. Trust me....keep going :)

@Ril014 Год назад

Hopefully you stick with and are a lot better now

@Ril014 Год назад

Stuck

@Cherry-pe2hg Год назад

TNice tutorials is literally the hardest tNice tutorialng my brain can't comprehend. AnytNice tutorialng else I do takes a few minutes and tNice tutorials is just.. it's just so confusing

@spreadItWide 2 года назад

I think the one with the track is the best, that last one is easy

@spencersherk7116 2 года назад

as an experienced webgl/threejs dev, #2 > #3 in my opinion! (#3 still cool too)

@JacksonMilesSpindle 2 года назад

do you specialize in threejs in ur dev job? Asking because I'm curious how marketable three.js skills are for junior front-end web developers positions..

@JacksonMilesSpindle 2 года назад

do you specialize in threejs in ur dev job? Asking because I'm curious how marketable three.js skills are for junior front-end web developers positions..

@AvirupChakraborty-ex9bf 3 месяца назад

Do you have your website?

@CTILET 2 года назад

3 website is not working

@HappyBirthday.37 Год назад

really cool!

@G4NJO Год назад

So... how's it going?

@chubbyBunny94 Год назад

Is it mobile responsive?

@rehnellblackett6396 Год назад

Yep 😂

@rakshankm4439 Год назад

wtf......i thought the codebreaker is also one of the portfolio you were gonna review

@kszywy94 2 года назад

who was in Paris?

@netsaosa4973 Год назад

the websites look really slow

@jackmiddleton2080 Год назад

I would be afraid that if I made these recruiters wouldn't want to waste their time figuring it out.

@TheGodlike300 Год назад

I know that it’s stupid as a RU-vid viewer to write a comment like “that’s it, I’m unsubscribing” and acting as if the RU-vidr really cares about that. But I just want to say: I really want to enjoy your videos. But if there’s a 1:30 minute intro telling me to subscribe and then after showing one website you go into an ad that’s more than 2 minutes long, it really gives the viewer the impression that you don’t really care about the viewing experience. Honestly, I’d rather save 13 minutes then and see three links to the portfolios so I can look at them myself. Of course I’m fine with RU-vidrs getting that money, but the way you do it really turned me off of watching your videos and I feel like other people might feel the same. You might see it in the retention rate, I might be wrong too. You have better insight than me.

@developerfilip Год назад

Thanks for the comment, I think it’s important for me to address this! First of all, you are more than welcome to not watch my videos, nor to subscribe. I don’t force anyone to watch even a second of my content, people come here because they like what I do ☺️ You are always in control and can skip the introduction if you feel it’s irrelevant, there are also timestamps that allow you to do that and get directly into the actual content. As per the adverts, I don’t actually decide if a 2 minute video shows up, it’s not in my control. On that note, you can install Adblock and never see an advert on RU-vid again. I put hours of work to make these videos so others can watch it for free and be entertained and inspired. ☺️ I’m happy for you to “save the 13 minutes” and watch someone else if that’s how you feel! 😎 All the best!