Home » Web Development

Web Development

At Loyola University Maryland, I took two web development courses that utilized some of the most popular tools in the industry, including Visual Studio Code, Dreamweaver, Bootstrap, and jQuery. These courses were designed to teach students the fundamentals of web development, including HTML, CSS, and JavaScript, as well as more advanced topics like responsive design and accessibility.

Throughout the courses, I used Visual Studio Code, an open-source code editor, to write and edit my code. This tool taught me the basics of how to code using a range of features and plugins that made web development easier and more efficient. Additionally, I used Dreamweaver, a web design and development tool created by Adobe, which allowed me to design and edit websites visually.

Bootstrap, a well-known front-end framework, was used extensively throughout the course to create responsive and mobile-friendly websites with. I was taught to use Bootstrap,  to create visually appealing websites quickly and easily, thanks to the pre-built UI components, such as forms, buttons, and navigation bars, that Bootstrap provides. Lastly, I used jQuery, to make applications.

By the end of the courses, I felt confident in my ability to create functional, responsive, and visually appealing websites using these popular tools. 

I was taught to use jQuery to create an app that would later be run through a robo-lab test to ensure its usability on mobile devices.   

Web I Project

Venom movie poster

For this project I had to create 7-page website on a topic of choice, I chose the movie Venom: Let there be Carnage, with the use of at least 5 types of multimedia and interactive components/content and four common features (site search, favicon, social icons, and Google Fonts) on all 7 pages. This was a semester long project, which can be viewed down below.

BootStrap Project

For this project I was given the task to create a 4-page responsive website on a topic of interest, I chose to do my project on singer Maisie Peters. I had to use Dreamweaver and BootStrap framework to produce a visually appealing website. Click down below to view the website.

Maisie Peters dancing at concert

App Development

drawing of the earth melting with a girl standing on top

For this project, we were tasked to develop an app using jQuery Mobile components. I attended a Caulfield lecture on the Loyola campus that focused on environmental journalism. I found the content fascinating and developed an app using Dreamweaver that highlighted key takeaways from the lecture. See the app and the final results of the robo-lab test down below.

Screenshots from the Robo Test using Google Firebase Console: