Experience
Web Design - Reponsive Design
As I learned the basics of HTML, CSS, and JavaScript while constructing my old website, I became intrigued with dynamic content on other website. To expand my knowledge of
front-end web design, I took the time to analyze how websites incorporated multiple designs based on screen size and implemented animated content such as an image slider. As a result,
I developed a sample site that used CSS3 media queries to optimize the website design based on screen size. Moreover, I wrote my own image slider with custom transitions which changes based on touch or drag
, all without using external libraries like JQuery and Bootstrap.
This site features the described responsive design, so feel free to resize your window. You can also check out the sample site
here.
Frontend and Backend Exchange
To understand the process behind frontend and backend, I wrote a simple quiz generator that used HTML, CSS, and JavaScript to display the quiz and
used PHP and mySql to retrieve quiz data. In addition, I wrote a simple web crawler that allowed users to enter a url and display any images on that site. On that site, I used AJAX
to run a python script that retrieve HTML code from the url and sent the raw HTML string to JavaScript to parse and display. From these mini projects, I now understand how frontend and backend
interact.
HTTP/ XML Requests
On the frontend, HTTP and XML Requests can be used to call scripts on the server side (backend), but besides calling those scripts, those requests can be used
on other sites to get or post information from another server. During my summer internship at Anomali, I wrote python backend script that gets/ posts information to Anomali's Threatsream cloud
and used that feature as part of Anomali's Splunk app. As a result of this experience, I have more knowledge of how HTTP and XML requests function and how they can be used in different contexts.
