Coding Help Needed! New Custom Character Sheet

I've done a lot of Forum RP's in the past, and recently I've been wanting to take one of the old Pokemon sites I was on and turn it into a Roll20/Tabletop game. I'm a Graphics and Art kinda guy, I know a bit about HTML but absolutely nothing about CSS or coding. I've tried going through other sheets, copying what code I can and edit it to fit, but I've starting to hit a lot of roadblocks that I honestly dont know how to deal with. 

Can someone point me to a good resource on how to code something directly for Roll 20? like advantage and disadvantatge tabs, NPC and Player toggle, Roll buttons, Stats, and able to pull those numbers into rolls. 

Like I said, I know graphics, so I've made what I'm looking to create in photoshop, I just need to know how to do the coding behind it. Or if You're a master coder and think you can do it all for me I can write up a commision contract. 

Start from this page: https://wiki.roll20.net/Building_Character_Sheets

Beyond the wiki documentation for creating sheets(better than the Help Center version), you need to learn HTML/CSS + Javascript separately, as you can't rely on the roll20-specific documentation alone, or only looks at existing character sheet code.

There is no youtube tutorials for this AFAIK.

Can someone point me to a good resource on how to code something directly for Roll 20? like advantage and disadvantatge tabs, NPC and Player toggle, Roll buttons, Stats, and able to pull those numbers into rolls.

• NPC and Player toggle: https://wiki.roll20.net/CSS_Wizardry#Show.2FHide_Areas
• Stats: https://wiki.roll20.net/Building_Character_Sheets#Storing_User_Data
• Buttons & how to use them: https://wiki.roll20.net/Button

Thank you very much! This has already been a massive help. I'll reach out again if I get majorly stuck. 

ᐰndreas J.