Transcript for:
Programming Lecture on Front-end and Back-end Development

e e e e e e e e hello hello hello one two three okay for for for all right e e for e HTML button cannot be a descendant button this will call okay hello unknown Sude for e e for e for for for for e for for for e h for e e e e oh for for what for e e e oh godam it what the perfect for for for e for e for e e e what the for e like perect e e e for for for huh K pring ni you whych clear for e for e thank you right for e for e e e e for e e e e all right oh yeah I was just setting up kind Authentication doing left manually the how long is good Di all of these are warning LF will be replaced by get CRF thank you commit uh set up the project make the kind yeah I don't know why have t a long time hello Sam nice username dog why the is it taking so long I think there's some issue with my internet GitHub usually do not take this long I have to set the loud handlers for all next and call back set up conf variable I have to set up the kind API out inside the file this this will handle kind of end points in your next USF important SD relies on the on this F existing okay authentication sign in login the SDK shifts with login link sign in link component which can be used to start the or flow redirecting after authentication static redirect thank you thank you for your support dependencies yeah yeah some some some dependencies like or some third party libraries like uh ND and frame motion are really heavy so I try to avoid using them as much as possible but I think with uh nextjs uh the the problem of you know huge dependencies installed in client client s is solved because of server components let me just push all the push y why if you want to redirect either to a certain page of log you can set the kind you can set the you can get an authorized user kind or data from any server component using the get I should help her okay it provides access to open Boolean flag flag permissions per these are types H yo what the God I cannot push it to get look at this how much experience you have not much I've been doing programming for six six to seven months now I I started in October of last year so uh November December January February March April May June so eight months now uh you sure you're supposed to be pushing all those while I honestly I'm not what do you think what should I do I I I just want to you know make the changes to GitHub so I can for deploy the application when it's complete yeah n you are the you you made Google bro what are you talking about thank you so he owns 10 companies he he also owns Apple he makes he knows hardware and software so this guy is my mentor what the is this fail to push some refs can you turn up the mic I can barely hear you hello my mic is at full uh amplitude uh okay let me check uh my mic mic volume is good I think you have your all live down or something like that yo is my mic really can you really not hear me because uh in my stream playback I can hello God damn hello is it good now I have to get my new mic did it do it updating reps main rewriting commits what the did it do uh since get lfs command in case it would look after that you should be able to push your change a after this I should be able to so let me commit it once again God damn isn't there supposed to be a GE ignore file autogenerated while generating the library files uh yeah there is a g ignore file but uh should I add the kind authentication dependency to the git ignore this file exits the I don't care let me try with GitHub desktop though yo is my mic better after moving the this cap thingy yeah this is the get ignore file let me just show it to you yeah production and xay testing dependencies so it ignores the node module PNP PNP run so are this is the am I even in the right yo I'm not even in the right folder what the [Music] okay uh so yeah I think it should work now because I was in the wrong folder so it was not ignoring all the dependencies and stuff and it still doesn't work off then uh let me just see the document one second uh authentication PP I have to make a API folder uh I have to make a o folder inside that I have to make a kind of this in there so the app folder the API folder the O folder the kind o folder and the route route Handler right yeah thank you for subscribing what do you do in back end cuz uh Blazin also does back end and stuff like that so for yo what does this as child code functionality and server stuff basically I don't really like Frank because it's not creative yeah because I'm not creative oh yeah you uh I don't think it's I'm not creative too I don't think front end is for Creative people I think designing is for Creative people though that's for sure front end is ass that I don't really like front end too I'm I'm planning to learn in the you know API 7 back end stuff further down the line after after a master the next jsn other things should be sign up should be loging I should W this around functionality and other stuff login link yo uh I used to code in Python but I switched over to C++ after 2 years years it's been so much better yeah see actually my first language I learned a few years back uh in 2019 was C++ then I took a break from programming for around 4 years because I was bored I didn't want to do it and then uh and then in October I restarted again because I have nothing to do uh yeah I wanted to see the doc import register link [Music] from this sh yeah log in okay it is working that's perfect what framework I'm using nextjs right now for my front end framework and Tailwind CSS for my CSS framework and kind for authentication and I'm planning to use super base for the back end to for [Music] [Music] yeah I click sign up I should be redirected to the sign up page get started but that's perfect redirected to the authentication after no I got that log out link that is implemented the same way sign up or sign in our component is provided to you getting the server let me just try to log in sign up first let's say my name is this this [Music] andma right let me just get the code for yo is it break time yet almost almost yeah this login page I I did not make it actually it's provided by the kind authentication I use we just have to make the login and sign up button and that's all uh that's why I like kind it's pretty [Music] useful I didn't get a code dog p a r a s h r uh what's this website going to be for this website is I'm doing it as a personal project actually and uh for a practice for a professional project with a company so this is just for practice and this is a Marketplace actually okay break time this is our Marketplace [Music] for uh this is a Marketplace for uh selling uh digital stuff you can say Ben stroke when I watch the tutorial of JavaScript on YouTube it's easy but when I implement the thing it's getting difficult for me can you suggest anything yeah that's really common when you are start when you start learning programming actually it happened to me as well what I used to do was uh I used to complete all the project that was spe specified in the course by myself and then what I used to do was um I used to learn all the logic for the project right uh if I didn't understand anything I used to write it in a in my notion uh you know no notion page and I used to write everything there and I used to repeat this process uh I do some project I write all the logic I learn it and then I do some project again and eventually I learned I learned all the you know basic things and understood all the the basic concept that were used in all those projects so it helped me uh so the main thing is to just do projects and you'll get better I think that is the most important thing if you do projects it's going to be all right just yeah I would suggest what I would suggest you to watch some course with two or three projects in it for JavaScript and then do two or three more more projects by yourself you know taking help from CH gbt and uh other other mediums and then uh move want to reactjs or any framework you want to like next or angular and then do projects in that stuff too and you'll get better it shouldn't be a problem then I got the code right now let me just enter the code first uh so let me just show you what what was I saying about writing all the logic and so this is the doc when I no learn JavaScript right and after yeah you can see the last page is only for concept and ideas right was so I write wrote all the main concept that I didn't understood for the project you can see that to know which button we press we set the data attribute of the produ project ID and we solded this this and eventually I got I understood the understood these things and it isn't much of a problem [Music] now yo all right yo I had some I had a backend doubt actually because uh for the main project that I am doing uh I just started it now with my team so we were actually making the sample scheme for things right uh and one thing I wanted to I wanted some advice for is how do you test all the relationships in the schema how do you write all the unit tests and stuff uh any advice for that I have an idea you know uh you you just perform basic crud operations in some functions right but is there any know specific advice you guys can provide what is my specs it's pretty bad uh these are my specs I5 I don't know about this this is the GPU yeah so if if you if some of you can if any of you can you know give them advice regarding testing for the schema it would be really helpful okay right yeah no problem dog uh how can you balance the performance of OBS when you're streaming because for for me it lowers this performance of the PC it lowers my performance of the PC too but I you know try to open as less application as possible but I don't know it just works for me I think the main uh main thing you need for a good stream is the internet if you have a good internet it works fine just fine all right oh have you guys heard of uh this application called Forest if I'm even audible uh so the break should be over in 3 minutes for okay so let me just check you [Music] can hire your mic audio from the system settings from where uh are you IAT or something how there can you a little bit about yourself how you learn this stuffs no I just graduated from my high school last year uh so I'm planning to go to a university in Canada this September so actually I started learning programming in class n or grade n you can say uh in 2019 right uh my first language was C++ but I got bored I stopped programming and then then I started again last year in October so uh so this time my main goal was not to learn programming my main goal was entrepreneurship do projects and don't want for tutorial yeah good advice uh so my this time my main goal was not uh learning programming it was entrepreneurship so I learned the you know the main uh yeah yeah you can say the most important thing the most valuable thing that could work for me in uh entrepreneurship too so I learned that and go to setting and systems and sound then choose mic then device properties let me just show check setting then system then sound then choose mic hello hello hello hello highest volume what the uh you can choose mic then device properties I got to here hello is it better now yo I got it building up personal project so is it better now can you hear me properly now thank you okay thank you thank you it's a lot louder Just down your volume then right so what what was I doing I was what the is this what happened to this page could not be found oh just one second I have to change my thing what is the environment variable I have to go to all right so uh uh the kind of I set up the OD so I need to get [Music] the have you ever tried rust before yeah rust is trending right now yeah I heard it was harder to the rest thing I I also haven't tried it we'll do someday I don't really care right now yeah let me just try to log it again yo you're going to add design it's pretty cool uh my business uh into lower level programming I heard R is like the future feature know WR memory efficient code what is the benefit of rust let's say rust versus C++ I can decide r or C++ uh learn University off Game Dev and audio are still heavily C++ from what I've known ml is 99% python unless you're working under the hood I would learn L partially because it makes you a better C++ programmer I would try to focus on C++ because it's much harder language also and also learn rust you might be hired okay I'm might quite regarding open regarding for me only one rules no C++ I say no right away to any recruit talking about to work what is the advantage of rust is rust better than of feature careful programming although both languages used to build highly secure application I think rust is f faster than than C++ that is the reason I think people are saying it's better or something like that uh let me just move on to rust right prone to memory safety issues designed with memory safety in mind so rust is more secure when working with you know tiny memory bits or something like that prevent common errors through ownership models concurrency offer manual control but can be error prone so basically rust is more secure runtime performance highly optimized with control comparable to cly overhead due to safety checks so C++ is faster but rust is more secure I like managing my own memory having control of my code more better than benefit of performance all languages there I'm seeing what language can fit my yeah okay let's move further let's do design uh I can upload the logo let shoer team to be dark background color to be let me just this is black what the radius of 10 pixel buttons background color s languages uh if it ignores yeah what Shan right Shen you are in put Fields you can color the links too that's [Music] cool so I want the but tends to be red or Rose you can say uh how long you I wanted to master concept I mean I mainly do back in development my onlyn with python right color extractor from image uh the front end was react all right thank you so for the dark one I want to use this and the color should be white that's all right and bot radius to be eight input field to be eight and the link should be this color to this color to is perfect I like cryptography and encryption and anything that I deal with networking and cpb has a lot of advantage uh I never got to learn a front end paperwork or anything because it seemed like I wasn't creative enough to make anything with it I think creativity is not a problem if you have a designer of course uh we have a designer in our team so I just have to make what she made for us so what do you what uh so in cryptography you mainly do encryption and security stuff right encryption and decryption of certain things uh I know I have I don't not have any you know specific idea about it hey this that's cool yeah that's what I'm saying oh all right so then I have to I don't know do this I need to get to the docks first next your cryptography is basically security cyber security is one of the Mysteries that have some so uh What uh if I wanted to learn cyber security where should I start what should I do because uh one of the main main problems with you know all the projects I do for businesses and stuff is the security thing uh none of my team members know you know that much into security and other stuff I know though because when I was learning a stream I really making stuff because I had no idea what to make so are you working at uh at a company or something like that right now for cryptography I need to get the no c yeah get get kind server session helper okay so get user is authenticated right and get this import this H is is authenticated authenticated equal to get kind server session I'm not working at a company uh I I mean if you know python you could get into networking and security and cyber security is kind of just mainly about that stuff socket has some kind of cooler for object in Python I'm not working so uh are you freelancing or what are you doing with cryptography do you own a startup or something like that what else is on the data right it's good sockets so if is authenticated is true we have to this sh else uh you know single bound currency Revol around did you mean to call it instead oh it is a function a wait uh const check o equal to a wait meic asynchronous a wait it's authenticated this one right check o is [Music] true right cons check o equal to a wait is authenticated make this function a sync do this a check out make this in uh C this in Brackets uh why when I used to make some stuff s why can I switched over to CPP C++ the setup was very similar that there's this Hardware system that can take in sockets when you run codes so your main thread can offer other tasks and other Hardware system notifies the main thread when the socket received the data your 16 uh and I'm almost I I'm 18 to I'm I'm almost 19 this year actually Dr program at school so check out is true then we if it's true then we dis no if it's not true then we display that's cool so I got this I do not need the reference for this stuff let me just [Music] store yeah this is the marketplace B Mar of this I do all my programming outside of school in CLI components function use kind blowser client all right I got this so ensure this data to us up to date if is loading [Music] return what is this is loading uh when I was in k 2 I think it's when I got into this k 2 is crazy I'm not studying math anymore I stopped after K to [Music] function anous so all of them are functions if I wait can I wait this no I stopped a few months ago hey lei [Music] yo meet him guys pretty [Music] so I didn't start the timer again uh so what was I doing yeah his name is Leo the one that could be on a morning talk show are you talking about me or are you talking to him okay so let's start uh await get exess token this is ISP X so this is the excess tokens origin permissions false get Boolean flag I have no idea what what even is this is default oh what the permissions get organization so this is the details right it is after is granted respect the grind this I'll I'll use it when I use it right so I checked the authentication I got the log down I got the log so let me just do the log out too so this child Lo out link what my vs code is not responding to this Imports of for this Library log out link log out that's perfect so if I log out now the authentication should be false and it should tell me to log in then I log in what career do you want to measure in uh actually I want I'm planning to major in computer science so what what about you guys what are you guys doing but I think currently the state of computer science is not really good I mean I wanted to be a mathematician then an astrophysicist then like a computer science said nice career s dog u i remember when I was um around 12 years old I wanted to be an astronaut because I wanted to walk on the Sun actually that's perfect it's working I console log this is the user a wait get [Music] user family name with Zoro given name stud picture this okay so uh uh low lelr so much un cool I got mainly into these topic because it seems to be make how curious everything works that's pretty cool I got into front end because of mainly because of Entrepreneurship but when I was when I was a teenager I currently am but starting as a teenager actually I wanted to learn how to make application mobile applications I like front end development it's not that bad it could be the future it could be the future because AI could take over high level programming um I don't think it's on that level yet but yeah simple uh you know uh simple functionality and other stuff AI can easily take over yeah but I don't really care about it that much I think of it as a tool the AI stuff uh so I got the user so that's cool what the for [Music] my sh is lagging so he's using not check out so let me just say user cons user equal to AIT get user off off to should work fine so he wants a user navigation top down instead of the loog so let's go to no not this one the shed the right uh I like that I started python because I'm understanding it's drawbacks same some same way I started it was hard to switch over n when you're comfortable with one that's true for let's play the menu of the use that open oh that's cool so yeah I think I think it should be break time it's yeah it's 1:55 so let's see it's not working let me start the timer I have to get out of my comfort zone yeah bro everybody have to get out their comfort zone at some point at everything I think that's my opinion so are you guys planning on going onto the path of on trip on our sh are you even a slightly bit interested in entrepreneurship and other stuff yeah that's true communication I do hey D you go H I think I'm going to do one more or half a session more I think for 45 minutes then I have some then I have a meeting with my teammates about marketing and other stuff then I'll be playing some games so do you guys play any games or anything like that for in your free time cuz I actually like to to you know play games and talk to people in my free time what about you huh h okay yo what's up rul how you doing how you doing think the brake should be over yeah in 5 minutes yeah yo what's what's going on rul what for make sure to test for yo some uh if you want to join the Discord we have a Discord so if you want to connect more I'll share the link it's in the description though you can if you want to join you can click on the link on the description I'll add you as a friend too pretty fun guys yo some if you want to join the Discord we have a all right two more minutes I can get to work again I would join if I did though yeah that's okay it's fine actually I think I'll be ending right ending not myself ending the stream right now because because what is it it's 7:30 a.m. for me right now so I have to get to some other work so I'll be streaming again tomorrow same time uh hope you guys are there again really love talking to you some and blaz again have a good day bye-bye