Programmers who possess a functional understanding of all methodologies, coding languages, and systems engineering principles are known as “full-stack developers.” A project’s required technologies and skills are referred to together as the “whole stack,” with each individual component being a stack. Stacks might be software-specific, web-based, or mobile. They built the web interface as well as the backend for a software. Such kind of skills I developed during my summer internship.
My leaders gave me a well-structured learning schedule and guided me as I learned more about development. I first reviewed my HTML and CSS knowledge and learned the following important topics, which I’ll list below:
CSS- Cascading Style Sheets
Box shadows: Adds shadow effects around an element’s frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.
Overflow: The overflow property specifies whether to clip the content or to add scrollbars when the content of an element is too big to fit in the specified area
Z-Index: When elements are positioned, they can overlap other elements.
The z-index property specifies the stack order of an element (which element should be placed in front of, or behind, the others
Combinators: A combinator is something that explains the relationship between the selectors. A CSS selector can contain more than one simple selector. Between the simple selectors, we can include a combinator.
Following is the template I designed using HTML and CSS
Promise:A Promise is an object representing the eventual completion or failure of an asynchronous operation. It is a returned object to which you attach callbacks, instead of passing callbacks into a function.
Async/Await: The async and await keywords enable asynchronous, promise-based behavior to be written in a cleaner style, avoiding the need to explicitly configure promise chains.
Closure:Global variables can be made local (private) with closures.
Error Handling: The try statement defines a code block to run (to try).
The catch statement defines a code block to handle any error.
The finally statement defines a code block to run regardless of the result.
The throw statement defines a custom error.
Arrow Function:Don’t have access to new.target, super keyword and shouldn't be used as methods. Call,bind and apply method cannot be used
Template literals: We can use back-ticks(``) rather than quotes(“”) to define a string and allows multiline strings.
I did two mini-projects using these tech stacks
I used fetch API to fetch different cat facts from the api and display on the web page.
I fetched the crypto data from the api and sorted the data according to their price and names.
I developed my communication skills, my commitment to a task, and my admiration for my seniors during the course of my internship. I also appreciated hearing the stories they shared. Internship is a special opportunity that gives you the chance to fail, discover, understand, and develop.
Looking forward to gain more technical and practical skills.
“Develop a passion for learning. If you do, you will never cease to grow.” — Anthony J. D’Angelo