- 18
- 225 880
WeCoded
Приєднався 27 лис 2009
I'm a software developer who loves building stuff. I'll be putting videos on building web apps, experimenting with various tech as well as going through software developer interviews. Will also share projects I've built and explain how.
Pagination + Infinite Scroll = Ultimate Hybrid Pagination
Library for mocking backend responses - mswjs.io/docs/
Переглядів: 446
Відео
Senior Angular Developer Interview (theory)
Переглядів 31 тис.9 місяців тому
Senior Angular Developer Interview (theory)
Let's code Realistic 3D card with HTML/CSS/JavaScript
Переглядів 466Рік тому
Realistic 3D card with HTML/CSS/JavaScript Music by @fantasylofi → ffm.bio/bitsandhits Source code: github.com/baunov/card-3d #development #3d #css #transformation #javascript #html #tutorial
LootBox - written in JavaScript (PixiJS)
Переглядів 877Рік тому
Let me know in the comments if you'd like to see a walk-through video on creating this beautiful thing.
Let's code PS5 Interface with React
Переглядів 620Рік тому
Music by @fantasylofi → ffm.bio/bitsandhits Source code: github.com/baunov/ps5-ui Demo: ps5-ui.web.app/ 0:00 Intro 0:26 Project setup 2:53 Assets and games 4:24 Constants 8:05 Game cards list 19:22 Game backgrounds 20:33 Transitions setup 25:00 usePrevious hook 30:00 background gradient overlay 32:04 Adding card title 35:53 Animating card title 38:32 Game title with play button 44:05 Refactorin...
How to RELIABLY parse data into JSON using ChatGPT
Переглядів 226Рік тому
How to RELIABLY parse data into JSON using ChatGPT
Playstation 5 UI made in React (Tutorial is here! - check description)
Переглядів 446Рік тому
Tutorial: ua-cam.com/video/-ZU6RYVDr2A/v-deo.html&ab_channel=WeCoded
How I approach complex forms in React (react-hook-form)
Переглядів 3 тис.Рік тому
github.com/baunov/react-forms-example My thoughts on building complex forms with react-hook-form in a clean and reusable way.
CSS Morphing Gradients Animated Background
Переглядів 123 тис.Рік тому
Cool gradient background effect with CSS and SVG filters Source code: github.com/baunov/gradients-bg
ThreeJS Fly-through tunnel music visualizer
Переглядів 581Рік тому
Music player/visualizer built with ThreeJS and Angular. baunov-visualizer.web.app/tube
Amazon Front-End Developer Coding Challenge
Переглядів 3,3 тис.Рік тому
Amazon Front-End Developer Coding Challenge
PS4 UI (side project built with Angular + NestJs)
Переглядів 289Рік тому
PS4 UI (side project built with Angular NestJs)
Senior Angular Developer Interview (Epam)
Переглядів 60 тис.Рік тому
Timestamps: 0:00 Connection issues 1:52 Quick intro 8:55 General JS Questions 51:21 Angular Questions
Sony kd-55xg9505 image freezes
Переглядів 3984 роки тому
Newly bought SONY TV got regular image freezes during movies/games.
I am fresher, i have no real job experience, i even think questions were easy and straightforward. Nothing so fancy in angular here. Overall nicely asked questions
Just took 2 angular senior interviews, weren't hard, there is a thing to keep responses short and on target
One minute into the interview and I realised that there is much to learn before I even ask myself if I am close to senior Angular dev
After a year, its safe to assume we wont be getting a walkthrough...
legend!
Slav brother?
did you pass this interview successfully ?
A good interview.
🎯 Key points for quick navigation: 00:12 *✨ The tutorial showcases a cool gradient effect created using CSS animations and SVG filters, with circles moving and blending interactively.* 01:08 *📜 The setup involves a vanilla TypeScript project where JavaScript manages mouse movement, but the majority is CSS.* 03:23 *🎨 Linear gradients and root variables are set up for styling the moving gradient circles by using RGB values for flexibility.* 04:16 *📏 The gradient background is styled to fill the viewport, with positioning that ensures a seamless visual.* 05:34 *🎥 Animations involve circles moving and rotating using keyframes, with different placement and blend modes to enhance the effect.* 09:02 *🖱️ Interactive feature added allows a circle to follow mouse movements, using easing functions for smooth transitions.* 12:06 *🪄 SVG filters are employed to create a "goo" morphing effect when circles come close, adding uniqueness to the visuals.* 13:51 *🖌️ Final result features seemingly random moving circles with text overlay, achieving an engaging and dynamic background effect.* Made with HARPA AI
Hey, what coding challenges did they give you after theory?
Just used this, amazing mate!
this output this code (function(){ var a = b = 5; })() is a =undefined because it’s local to the function b= 5
thanks for this, I have an interview tomorrow. This was helpful.
Did u clear the interview
Almost like a lavalamp, nice.
Can i know how many year of experience you have for this interview? @wecoded
i need more interviews like this and if you can add technical interview, better
Dudes accent is way too thick. I would’ve been asking “what?” The whole time. Also asking useless questions just for the heck of it
Mtfks go to google to get interview questions and answer and want to assert dominance. Gatekeepers
I have used this in a project. How do you recommend supplying this to a developer?
I didn't get the interviewers points, we can definitely use constructor for logic, but since we have a special method that makes sure that all the input properties will be initialized, there is no reason for doing it in the constructor quite often, still nobody forbids us us to do it in constructor
Anyone can't hear his questions ? 😅
sick. very well made my friend!
The interviewer sounds like a d***
Freedy
Great interview, learnt a lot, thanks!
I came here for the name of that font😂
does animating the background slow anyone elses browser down? i managed to get a cool effect but im worries it will be slow for the end user. e.g. all my hover items are now delayed.
that's just a really dumb interview method
Thanks.
anyone get this to webflow?
Thank you learned a lot in this video
I hate these kind of interviews where you can see that the person asking questions found the hardest questions possible just to mess with you and assert dominance. Also to downgrade your skill and then offer you lower salary.
Don't agree with you. This interview is one of the best on eng youtube. It is Senior level - so the interviews expects from the candidate detailed answers. Especially I liked the question where he asked - why it is prohibited to initiate the business logic in constructor and then he explained that Angular can reuse already created instances so the constructor will not be invoked in such situtation
@@misterV123 Nothing a junior couldn't find by Googleing the answer, so the question makes no sense in the interview. Ask me something I can't google or something about how I do problem solving. Ask me how I would solve a specific problem.
@@misterV123 Angular can reuse DOM elements (e.g., via ngFor optimizations), but this doesn’t involve reusing component instances. Actually the point that interviewer made is false.
I've been a full stack dev for 3 years. For the past year I've been only doing angular, adding up to a total of about 2 years of hands on experience with building UIs in Angular. I think the questions in this interview are good and relevant questions. With my level of experience I could also answer a few of them and I find your conversation with the interviewer very insightful. Just a few days ago I had an interview for the role of a middle level angular developer (that required a minimum of 3 years experience). The only few questions I was asked were about angular compilation techniques, onPush change detection, multi-casting observable, and to compare promises vs observables. Apart from the promise vs observable comparation, I wasn't able to answer any of them. The interview was supposed to last for one hour, but after 20 minutes the interviewer called it a day, saying they didn't have any more questions for me. Is it expected from a mid angular dev to know this stuff? Were these kind of questions indeed a little too advanced or do I simply lack the experience?
I learned angular for year. Angular is a tough javascript UI framework especially in Rxjs but i want keep up and learn more for my better future as a fullstack developer.
I think for middle level you had to answer them but not on a very detailed level. If you answers were like - "I don't know", then it is defenetly bad
@@misterV123 that seems fair enough, thanks for the reply!
I think they can ask these questions even to junior developers
@@user-jtwe1xrf2n True, i was asked about onPush Change dectection
this has a big problem that makes the gpu work to hard
For those wondering whether I got the job after taking that interview. I did get the offer but the compensation level was much lower than what I was aiming for. So, I declined it. p.s. For some reason, that company decided to host 7 interviews in total, 4 of which were technical (similar to the one in the video). With a lot of repeated questions. And it wasn't disclosing the pay range until the last step.
How come on Earth they are expecting an 8 yr exp guy to give 7 round even then offering low pay. Oh ghosshhh are you kidding me?
For those wondering whether I got the job after taking that interview. I did get the offer but the compensation level was much lower than what I was aiming for. So, I declined it. p.s. For some reason, that company decided to host 7 interviews in total, 4 of which were technical (similar to the one in the video). With a lot of repeated questions. And it wasn't disclosing the pay range until the last step.
Can I ask you how much they offered to you per month?
that company is not good... asking all those questions (20% are legit, but 80% are 1 google search away or open up docs 5 seconds...) 7 interviews hahaha ? If there is more than 3 IN TOTAL i stay away from that company :D I respect my time & skills
why did u accept the interview request if u didn't know the compensation? normally companies tell u the rate/salary before interview
were the other technical interview theory or any of them practical?
did you got that job 🙂
чётко! супер гуд . показал этим буржуям как градиенты рисовать!
lol
Interested to see how you did this, do you have a tutorial or github for it?
how can i implement this on my elementor website?
Are you authorized to publish this interview record? If not, please delete it.
deep
This interview got the job?
This will seem very non PC but especially for technical interviews, companies really should designate people whose English is easy to understand. The pronunciation doesn't have to be perfect but it needs to be correct. I had issues during interviews when I couldn't answer the question because for the life of me I couldn't guess the meaning of the words the interviewer used, the pronunciation was so off.
thanks for the interview really good for my future
great!
Worth watching ,👍
Did you pass?
can you publish the source code?
There are 3 types of directives 🥸
Yea, components, attribute and structural i think
🥸