Coding a website in JavaScript and in the whole front end Web development road map
I wanted to share a strategy I learned when coding for the past couples days now that I see has been working for coding features, but I wonder will this strategy help to code a whole website and code the features together. It is using ai plus documentation plus feature deconstruction (ai called it feature deconstruction), and it is also adapting the documentation code snippets to your html structure for each feature. The strategy is taking a feature one a time and do this: Step 1: You or ai or both identify the goal of the feature (ex: I have a search bar and search icon feature. The goal for the input feature is to focus when users click on it , the goal for the search icon is when users type in the search bar, then click search it should take them to an individual jewelry product page. You focus on one goal at a time though. Choose one of these goals and work on one at a time.) Step 2: You or ai or both break the goal into smaller pieces , like HTML , CSS, JavaScript, user input, data flow(or at least HTML, CSS, and JavaScript) (The ai will normally not give me the code or code reference with this step but tell me what what I need for each like HTML you going to need a div for this or restructure it with <a> tag etc. ,and same with CSS and js) Step 3: You or the AI or both identify what to search in the documentation (an example the ai will normally tell me what to search for both HTML,CSS, and JavaScript) Step 4: You search in documentation,copy code snippets from documentation, and get understanding from documentation Step 5: Paste the code snippets in ai and tell ai your html structure for the feature and ask if based on what you searched in documentation and the code snippets you gave it from documentation how do you combine the code for this feature. (I normally say, my html structure for this feature is it is has a opening and closing div and in this div then I describe what it has in the div or the html structure for that feature, then ai gives me the html , CSS, and js code to write back , and if I need more clarity on where does this code go I will describe my html structure again in this way. )