Back to Blog
Javascript css html internship7/2/2023 ![]() The UI/UX of the page should not change after the refactoring. There are redundant CSS styles that can be removed, additionally there are Here, we would like you to reduce/refactor/rethink the CSS styling and the HTML code in the /pages/index.js and /components/Layout.js files. amp should remain true in /pages/index.js The counts should persist on refresh, the increment and decrement buttons should work as expected and the page should continue using AMP i.e. The functionality of the page must not change after the refactoring. They contain a similar code pattern, to build a functional counter. ![]() There are four files, pink.js, orange.js, blue.js, and green.js. Here, we would like you to reduce/refactor/rethink the javascript code in the /public directory. So in the context of javascript, it would mean reducing the 4 js files in the /public directory Whereas in the context of HTML/CSS, it would mean reducing the size of /pages/index.js and /components/Layout.js. The optimisation here is to reduce the lines of code. Optimise HTML/CSS, this involves understanding CSS selectors, media queries, and basic HTML.Optimise Javascript, this also involves digging deeper into integrating AMP in the context of NextJS.Navigate to localhost:3000 on your preferred web browser and see the page in actionĬoming back to the test, there are two possible challenges for you to choose from.
0 Comments
Read More
Leave a Reply. |