NMIX 4010: WEB DEVELOPMENT

SEE ALLISON LEE'S JOURNEY THROUGH WEB DESIGN

LET'S GO!

COURSE SUMMARY

THIS COURSE WAS MY FIRST TIME EXPLORING THE REALM OF WEB DESIGN AND CODING FOR CREATIVITY. PRIOR TO NMIX 4110, I TOOK CSCI 1301 (AN INTRO COURSE FOR COMPUTER SCIENCE) AND FOCUSED ON CODING PRIMARILY FOR INFORMATION AND DATA PURPOSES. AS I REFLECT ON THIS COURSE, I HAVE GAINED A COMPLETELY NEW SKILLSET IN USING TECHNOLOGY AND ITS ENDLESS POSSIBILITIES.

TO START, HTML, BOOTSTRAP, WORDPRESS OR JAVASCRIPT WERE ALL VERY FORIEGN TO ME AT THE BEGINNING OF THIS COURSE. PROJECT ONE WAS A BASIC PRACTICE OF HTML, AS I CRAFTED MY FIRST SITE FROM SCRATCH. IT WAS VERY SIMPLE, BUT EQUALLY EXCITING TO SEE WHAT I COULD BUILD WITHOUT A STARTER TEMPLATE. I ENJOYED TOGGLING WITH THE HTML TO SELECT WHICH COLORS TO USE, TRANSITIONS LIKE FADE-IN TO LOAD MY SITE CONTENT, SIZING TEXT WITH H1, H2, H3 AND P TAGS, AND MANY OTHERS. NEXT, I LEARNED MORE ABOUT RESPONSIVE IMAGES, GRIDS, ROWS, COLUMNS, AND OTHER FEATURES FROM BOOTSTRAP. ADDITIONALLY, WORDPRESS TAUGHT ME HOW TO INCORPORATE THEIR WIDGETS AND BLOCKS TO A SITE, AS WELL AS THE USE OF PLUGINS. I LIKED HOW EVERYTHING FELT BUILT-IN WITH WORDPRESS AND ALL YOU HAD TO DO WAS "ADD NEW" FOR A NEW ELEMENT. LASTLY, WITH JAVASCRIPT, I GAINED INSIGHT ON HOW TO WORK WITHOUT AS MUCH HTML, AND A LOT OF PATIENCE! IT WAS THE MOST CHALLENGING AND INTRICATE BECAUSE OF HOW CASE SENSITIVE JAVASCRIPT IS, BUT I DISCOVERED HOW MUCH YOU CAN DO.

EVERY PROJECT MOVING FORWARD PUSHED ME TO UTILIZE PREVIOUS SKILLS THAT I LEARNED AND TO STEP OUTSIDE THE BOX WITH NEW TASKS AT HAND. FOR EXAMPLE, PROJECT TWO WITH BOOTSTRAP GAVE ME EXPERIENCE FOR HOW I WAS GOING TO DEVELOP MY PUBLIC AND NMI PORTFOLIOS. AFTER EXPERIMENTING WITH AN ECOMMERCE SITE THROUGH WORDPRESS FOR PROJECT THREE, I WAS ABLE TO APPLY THOSE SAME SKILLS AND MORE TOWARD MY FINAL PROJECT OF CREATING A FREELANCE SITE FOR A FAMILY-FRIEND.
ALL IN ALL, THE SKILLS THAT I LEARNED FROM THIS COURSE HAVE EXPANDED MY KNOWLEDGE ON DIGITAL INNOVATION FOR PUBLICIZING VARIOUS KINDS OF CONTENT. AS OUR SOCIETY IS BECOMING MORE TECHNOLOGICALLY DEPENDENT, I HOPE TO BE AN ASSET FOR OTHERS IN CREATING SITES FOR INFORMATION, MARKETING, AND ENTERTAINMENT.

CHECK OUT MY BEST WORK!

NMIX 4110

FEATURED PROJECTS

LOVE FUN COLORED IN SOCKS? LOOKING TO SUPPORT A SMALL, LOCAL ONLINE BUSINESS? LOOK NO FURTHER. THIS SITE PROVIDES ALL THE INFORMATION YOU NEED TO LEARN MORE ABOUT MY FAMILY FRIEND'S BUSINESS, SOCKK SHOPP.
THIS WAS MY FINAL PROJECT FOR THE COURSE, AND THEREFORE IS THE MOST POLISHED AND SOPHISTICATED. THERE WERE A LOT OF HIGHS AND LOWS PERTAINING TO THE OVERALL PROCESS OF DEVELOPING THE SITE. FOR INSTANCE, I USED WORDPRESS TO HELP CRAFT THE ECOMMERCE SITE AND WHILE I HAD ALREADY WORKED WITH THIS SERVER, I CHOSE TO USE A LOT OF TOOLS AND PLUGINS THAT I HADN'T BEEN FAMILIAR WITH. A LOT OF TIMES I RAN INTO PROBLEMS I DIDN'T KNOW HOW TO INITIALLY SOLVE, WHICH WAS A BIT FRUSTRATING. OTHER ISSUES THAT I CAME ACROSS USING WORDPRESS, HOWEVER, I COULD WORK THROUGH WITH MY PRIOR EXPERIENCE. TO LEARN MORE ABOUT MY REFLECTION, GO TO MY CRITICAL REFLECTION.
THIS WAS MY FIRST EXPOSURE TO BOOTSTRAP. A LOT OF EXPERIMENTATION WAS INVOLVED, SUCH AS EXPLORING BOOTSTRAP TEMPLATES, FAMILIARIZING MYSELF WITH DIV TAGS AND CLASSES, AND STYLIZING/CUSTOMIZING TO MAKE MY WORK TO BE A PERSONAL YET ACCURATE REPRESENTATION OF WHAT I CAN DO. BECAUSE I AM A BIG FAN OF SUSHI, I FIGURED IT WOULD BE A GOOD TOPIC FOR ME TO LEARN MORE ABOUT AND SHOWCASE WHAT I LOVE TO EAT. MY GOAL FOR THIS PROJECT WAS TO ENLIGHTEN PEOPLE ON THE HISTORY OF SUSHI, EXPLAIN THE DIFFERENT TYPES AND PROVIDE RECOMMENDATIONS FOR RESTAURANTS IN ATHENS, GA. WHEN VIEWING THIS PROJECT, USERS CAN LOOK AT THE DIFFERENT PANELS TO COMPARE THE SITE'S ORIGINAL CRAFT AND CONTENT, THE STARTER BOOTSTRAP TEMPLATE, AND A COMBINATION OF THE TWO TO COMPLETE THE FINAL LOOK. I LEARNED THE EASE THAT COMES WITH USING A TEMPLATE, BUT THE CHALLENGE IN MAINTAINING A CONSISTENT COLOR SCHEME AND AESTHETIC.
THERE ARE THOUSANDS OF TOPICS AND STORIES COVERED BY ALL TYPES OF NEWS SOURCES- WHAT WAS I GOING TO CHOOSE?
I ULTIMATELY LANDED MY FOCUS ON THE TOPIC OF NATURAL DISASTERS BECAUSE AUDIENCES WORLDWIDE CAN RELATE TO SUCH EVENTS OR AT LEAST BE INFORMED OF THESE MASS DESTRUCTIONS HAPPENING AROUND THE GLOBE. BY UTILIZING WORDPRESS, I WAS ABLE TO DEVELOP A NEWS SITE USING PAGES, POSTS, AND TAGS TO ORGANIZE MY CONTENT. I LEARNED HOW TO CATEGORIZE THE HEADLINES WITH A GRID PLUGIN AND INCLUDED LOTS OF IMAGES, VIDEOS, AND RELATED SOURCES TO MIMIC WHAT A PROFESSIONAL SITE MAY LOOK LIKE. UNLIKE BOOTSTRAP AND JUST PLAIN HTML, I FOUND THIS SITE TO BE DIFFICULT AT TIMES BECAUSE I USED LESS HTML, WHICH MADE IT MORE CHALLENGING TO FIND THE ROOT OF MY PROBLEMS. YET, IT WAS SIMULTANEOUSLY EFFICIENT BECAUSE ADDING NEW CONTENT WAS A SIMPLE CLICK WITHOUT HAVING TO HAND-TYPE THE HTML CODE.
OUR SOCIETY IS CONTINUALLY GROWING INTO A NEED FOR INSTANT GRATIFICATION, AS FOOD DELIVERY SERVICES ARE BECOMING MORE POPULAR EVERY YEAR. WHAT BETTER WAY TO APPLY THE SKILLS I'VE LEARNED WITH WORDPRESS TO EXPERIMENT WITH A REALISTIC TASK OF CREATING AN E-COMMERCE SITE.
I SETTLED ON THE IDEA OF CREATING A REAL-LIFE ONLINE BAKERY STORE, HIGHLIGHTING A SEASONAL COLLECTION OF HALLOWEEN GOODS. WHILE THE NEWS SITE WAS ALSO BUILT ON WORDPRESS, THIS SITE INCLUDED A SPECIAL PLUGIN CALLED "WOOCOMMERCE." I THOUGHT THIS PLUGIN WAS VERY USEFUL FOR FIRST-TIME USERS LIKE MYSELF, AS I FOUND IT EASY TO FOLLOW ALONG WITH ADDING NEW PRODUCTS, ADVERTISEMENTS, CUSTOMER REVIEWS, AND IMAGES. I LEARNED HOW TO WRITE TEXT OVER IMAGES, SORT PRODUCTS WITHIN SPECIFIC CATEGORIES, AND GAIN MORE PRACTICE WITH ADDITIONAL CSS CUSTOMIZATIONS. IT WAS A BIT TEDIOUS AT TIMES BECAUSE I NEEDED TO OVERRIDE A LOT OF CSS FOR COLORING AND TEXT STYLING. NONETHELESS, THIS WAS ONE OF MY FAVORITE PROJECTS TO BUILD AND SEE A SWEET RESULT!
ONE OF MY GREATEST PASSIONS IN LIFE IS MUSIC, AND I WANTED TO SHOWCASE MY FAVORITE GROUP (MAVERICK CITY MUSIC) WITH MY FIRST PROJECT. AS DESCRIBED IN THE COURSE SUMMARY, I FOUND THIS VERY EXCITING BECAUSE I GOT TO EXPERIENCE THE BEHIND-THE-SCENES OF MAKING A WEBSITE FOR THE FIRST TIME. AT FIRST, IT WAS DIFFICULT FOR ME TO BEGIN BECAUSE THERE WERE SO MANY PLACES I COULD START; BUT ONCE THINGS GOT ROLLING, IT WAS EASIER FOR ME TO BUILD ONE ELEMENT ON TOP OF ANOTHER. I KNEW THAT I WANTED THE COLOR SCHEME TO BE NEUTRAL/BROWN TONES, SO I HAD TO LEARN HOW TO ADJUST THE DIFFERENT CSS COLORS FOR BOTH THE TEXT AND VARIOUS BACKGROUNDS. BECAUSE THE ASSIGNMENT REQUIRED THERE TO BE THREE DIFFERENT PAGES, I ALSO GOT TO WORK ON LINKING SITES TOGETHER AND UTILIZING A NAVBAR. OVERALL, THE SKILLS I LEARNED FROM THIS FIRST PROJECT WERE VERY USEFUL; IT WAS VERY REWARDING TO SEE WHAT I COULD CRAFT/MY POTENTIAL FOR FUTURE WORKS TO COME.