Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Select an option

  • Save kellatirupathi/499a5b0f8468919c1a3d12ea88ebbdb7 to your computer and use it in GitHub Desktop.

Select an option

Save kellatirupathi/499a5b0f8468919c1a3d12ea88ebbdb7 to your computer and use it in GitHub Desktop.
Transcript for transcript_1NWtxXOz1-zc67yM8D9Q4NE5sZm6BVLCD_1_1068_c79abadaa772_3.txt
[00:00:00] I have completed my B.Tech in Computer Science and Engineering from CMR College of Engineering and Technology with a CGPO 7.94.
[00:00:11] I have good knowledge in HTML, CSS, JavaScript and React.
[00:00:19] I have done projects on
[00:00:22] job application tracker in this job application tracker the it is a it is used for the the users can manage the job applications by adding the job details like
[00:00:36] company name and role and status of the job application are they selected or rejected in there are they are in interview level
[00:00:47] they can update the status and I have added some features like add edit delete and filter the
[00:00:56] job application whenever the user requests he can update the changes and I have done in
[00:01:06] I have done in another project on food months it is a responsive restaurant web pages and
[00:01:17] and my short-term goal is to get placed in an IT company and my long-term goal is to get placed in a MNC company.
[00:01:30] with a high position.
[00:01:33] At present, I'm looking for an opportunity to contribute myself to where I can improve my more technologies.
[00:01:46] Okay.
[00:01:48] Like, I mean, you have developed two applications, right?
[00:01:51] What are the technologies you used?
[00:01:54] By using what technologies you have developed those applications?
[00:01:58] Yes, the first application I have done, first project is a job application tracker.
[00:02:05] In a job application tracker, I have used React.
[00:02:12] In that I have used local storage to store the data.
[00:02:19] And in the food months, I have used HTML and CSS.
[00:02:27] With the flexbox and mediocris for the responsiveness of the website okay well how do you how do you store the data you know in your such application for the job interview
[00:02:41] the application that use that you told right yes
[00:02:45] How do you able to store the data?
[00:02:47] I mean, where did you store the data and how do you communicate the from react to the back end?
[00:02:53] What is the technology used in the back end of the data?
[00:02:57] I have used the local storage.
[00:03:00] for storing the data it will stores in the users browsers itself users browsers local storage it says the job details has a key value pairs
[00:03:12] okay so yes you have to store the data in a local storage i mean you haven't used it
[00:03:18] any database?
[00:03:20] No, no.
[00:03:22] At present I have only front-end part, so I have used local storage.
[00:03:27] Do you have any knowledge on the node or X, Y, Z?
[00:03:32] No, sir.
[00:03:34] What about the database?
[00:03:36] Only SQL, you have the SQL, right?
[00:03:39] Not have the Mongo or SQL?
[00:03:42] No, no, sir.
[00:03:42] I don't have idea.
[00:03:44] Okay.
[00:03:45] I have learned SQL in college, but I have to...
[00:03:50] Revise everything from scratch.
[00:03:53] What about the JavaScript?
[00:03:54] Do you have the fundamental knowledge of the fundamentals?
[00:03:58] Do you have the basic knowledge on the fundamentals of JavaScript?
[00:04:05] It's a...
[00:04:07] So what?
[00:04:09] Yeah, tell me not about it.
[00:04:12] Yes.
[00:04:14] Can I proceed with that?
[00:04:15] Yes.
[00:04:17] I will.
[00:04:17] No.
[00:04:18] Okay.
[00:04:19] Not a problem.
[00:04:20] So, come into the React.
[00:04:23] Sir?
[00:04:24] Yeah.
[00:04:25] Come into the React.
[00:04:26] What is React?
[00:04:28] React is a JavaScript library used to...
[00:04:32] Used for...
[00:04:33] Used for building the user interfaces.
[00:04:37] It is the reusable components we can create.
[00:04:44] What is a component in React?
[00:04:49] A component is a user reusable piece of UI.
[00:04:56] It will be used many times.
[00:05:01] It is a function.
[00:05:03] It will return JSX JavaScript XML.
[00:05:11] And it will have their own logics and states and it can be reused across all pages applications.
[00:05:25] What is the difference between functional and class components?
[00:05:30] Yes, the class component is the older version.
[00:05:36] The functions in the functions components, we are writing as JavaScript functions.
[00:05:45] Like we are using the use hooks and use states and use effects.
[00:05:52] To manage the state and life cycles of the functional components.
[00:05:59] And in the class components, it is the older version.
[00:06:06] And older versions.
[00:06:12] What are the functional components can be easy to use.
[00:06:19] What are the props and state?
[00:06:22] The props can be giving the, it will only, it is the purpose of reading only.
[00:06:29] The state can be updates the values.
[00:06:35] How do you pass the data from parent to child?
[00:06:42] By using the...
[00:06:46] By using the properties, we can pass the data from parent to child.
[00:07:00] What is use state and use effect?
[00:07:06] Uses use state is a is a hooker to add a state and it will and it can update the values when updating the values the
[00:07:20] the returns the returns return your UI will updates I re-renders the updates and in the use effect is a hook to
[00:07:31] hook that will that will handle the side effects like fetching the data and updating the DOM it will
[00:07:41] it will runs after the component re-renders.
[00:07:46] What is virtual DOM?
[00:07:48] Virtual DOM is a copy of the DOM.
[00:07:53] We can update the virtual DOM.
[00:08:01] It will change only the requirements.
[00:08:04] And it is the lightweight copy of the real DOM.
[00:08:11] How do you call an API in React?
[00:08:19] How do you call an API in React?
[00:08:22] Okay.
[00:08:24] The API, we can use, we can, using the fetch, which fetch in the use effect hook.
[00:08:35] So it will return the component mounts and updates and deletes them.
[00:08:43] Unmount.
[00:08:46] Okay.
[00:08:46] What happens when state changes?
[00:08:53] When the state changes, the components, the re-add components can be re-renders and it will update the virtual domes.
[00:09:06] Coming to HTML questions, what is the difference between HTML4 and HTML5?
[00:09:14] HTML5 is the latest version of the HTML4.
[00:09:22] In the HTML5, they have added the semantic elements.
[00:09:27] It will provide the meaning to the elements and they have added the audio and video elements.
[00:09:37] Okay.
[00:09:39] What are the semantic tags?
[00:09:43] Cementing tags will give the meaning to the elements like header, footer, section, article, etc.
[00:09:53] What is the difference between due tag and the span tag?
[00:10:00] Yeah, DUTAG is, it occupies the complete width of the full page and the spam will be, occupies the somewhat space.
[00:10:12] It is an inline element.
[00:10:17] What is the purpose of the meta tag?
[00:10:23] Meta tags will store the message of the HTML elements.
[00:10:37] It will store inside the header.
[00:10:42] It browses and searches for the SEOs performance.
[00:10:53] And it will display the page itself.
[00:10:58] What are different input types in HTML?
[00:11:04] input tags input types yeah okay the text password and email
[00:11:15] Except data like that.
[00:11:20] Difference between get and post forms.
[00:11:26] And good weekend.
[00:11:31] We can read the, we can,
[00:11:35] we can read the content in the post we can update the values
[00:11:46] Can't update the values in get.
[00:11:54] Get means it will...
[00:12:00] I'm trying.
[00:12:01] I know the concept, but I have not recapped the concept.
[00:12:08] Okay.
[00:12:09] What is a required attribute?
[00:12:13] Required attribute is a it is a compulsory it we it has to be added like
[00:12:23] and html it will in the input we are giving in the forms input field mandate mandatory things
[00:12:34] Okay.
[00:12:35] If we give the values, then only it will move to the next step.
[00:12:42] What if I don't provide any value?
[00:12:45] And if I click on submit, what happens?
[00:12:50] It will show the required it will it doesn't submit like it will use empty
[00:13:02] How do you open a link in your tab?
[00:13:05] By using the anchor element.
[00:13:08] Okay.
[00:13:09] In new tab.
[00:13:11] Is that?
[00:13:13] In new tab.
[00:13:15] Okay.
[00:13:15] By using the anchor element and link also.
[00:13:20] We can link to another page.
[00:13:25] Coming to the CSS, what are the types of CSS?
[00:13:30] Three types of CSS.
[00:13:33] Okay.
[00:13:33] Inlet.
[00:13:39] Can I explain?
[00:13:43] Inline CSS, internal CSS and external CSS.
[00:13:49] In inline CSS, it is inside the elements.
[00:13:56] It will provide the styles to the attribute.
[00:13:59] And in the internal CSS it will provide inside a style tag in the HTML header, inside the header it will use the
[00:14:11] style tag inside that we can view the styles.
[00:14:16] In the external CSS it is a separate like in a .css
[00:14:23] File like.
[00:14:27] What is genetics?
[00:14:31] Z index.
[00:14:33] Yeah.
[00:14:34] It is the stacking value, like highest value will be appears at the first.
[00:14:50] So, center rate due horizontally and vertically.
[00:14:54] How do you do it using the CSS?
[00:14:59] Centering it by using the margin so we can or by using the flex
[00:15:10] flex box it should be center of for a view horizontally and vertically by by using the flex like
[00:15:20] display flex and just for content center and align item center
[00:15:30] It will come suggestion.
[00:15:33] Okay.
[00:15:33] What is the difference between margin and padding?
[00:15:39] Margin contains the space in between the two elements or it will occur the space outside of the element and padding will occur the space inside of the
[00:15:53] element around inside of the element.
[00:16:01] inside the border.
[00:16:06] Do you have the knowledge on the SQL?
[00:16:08] Basically, maybe on the queries and indexes.
[00:16:13] No, sir.
[00:16:14] At present, I don't.
[00:16:16] It will take, say, two to three hours to recap everything.
[00:16:22] Okay, fine.
[00:16:23] Okay, Muhammad.
[00:16:24] Then I'm good.
[00:16:26] Do you have any questions?
[00:16:29] Yes, in your company, so what technologies do you use?
[00:16:36] So currently we are using MeanStack for the front end, Mongo, Express, React and Node.
[00:16:43] And back end we are using the Python and the ML based and the AA tools.
[00:16:50] So these are the technologies currently we are using.
[00:16:54] Yeah.
[00:16:57] Okay, sir.
[00:16:59] That's it?
[00:17:00] Okay, sir.
[00:17:02] Yeah.
[00:17:03] Thank you for your time, Amrit.
[00:17:05] Okay, sir.
[00:17:05] Thank you so much.
[00:17:07] Yeah.
[00:17:07] Bye.
[00:17:08] Bye, sir.
[00:17:09] Thank you.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment