Blog

Building the Future of the Web: My Journey with Meta’s Front-End Development Course

Frontend Development November 6, 2024

Hands typing on a laptop displaying a web design layout, with the text 'Building the Future of the Web: My Journey with Meta’s Front-End Development Course' and 'Sharih Hassan' in the background.

Hey everyone! 😊 Web development has always intrigued me, and recently, I took a big step into the world of front-end development with Meta’s Introduction to Front-End Development course on Coursera. Now, why Meta, you ask? Well, besides their reputation, I’d taken their Android Development course before, and it was top-notch. So, I had high hopes for this course, and spoiler alert—it didn’t disappoint!

In this article, I’ll take you through what I learned in each module, my personal experiences, and why I think this course is a fantastic pick if you’re considering a future in web development. Let’s dive in! 🌐

Module 1: Getting Started with Web Development

The course kicks off with the basics, which I found super helpful. It starts with an overview of the different types of developers: front-end, back-end, and full-stack. If you’re wondering, front-end developers are the ones who create the “face” of a website, the part that users interact with—so, yes, we’re the artists! 🎨

We also dove into the core web development technologies: HTML, CSS, and JavaScript. These are the building blocks of any website, and learning how they fit together was like putting pieces of a puzzle in place. There was also an interesting bit about how the Internet works, explaining what happens behind the scenes every time you click a link. By the way, did you know that browser tools can make coding easier? And I discovered IDEs (Integrated Development Environments), which are like little coding sidekicks that keep everything organized.

Module 2: Introduction to HTML and CSS

Now, things got even more hands-on in Module 2! Here, we focused on HTML and CSS—the bread and butter of front-end development. I started by learning to set up a simple HTML document, add tags, and link files to create the basic structure of a website. Then came the DOM (Document Object Model), which organizes content and helps display it across different devices. The DOM felt a bit abstract at first, but with practice, I began to understand how it makes everything on a web page tick. 😊

The course also covered web accessibility, a vital aspect of inclusive design that ensures websites are usable for everyone, including users with disabilities. Small adjustments—like adding alt text for images—can make a huge difference. If you’re interested in learning more, check out my detailed guide on Why Web Accessibility Matters for Modern Developers.

And then came CSS! Learning to style web pages with colors, fonts, and layouts felt like decorating my own digital space. Combining HTML and CSS, I even built my very first webpage. 🎉 It wasn’t anything too fancy, but seeing my code come to life was such a rewarding moment.

Module 3: Building Responsive Interfaces with Bootstrap

Module 3 was all about creating responsive designs, and for this, we were introduced to Bootstrap. Now, Bootstrap was a little confusing at first, I’ll admit. It comes with so many built-in styles and components that I felt like a kid in a candy store! 🍭 But once I got the hang of it, Bootstrap made designing responsive pages a lot easier. This module also gave a quick peek at other UI frameworks and libraries, which was pretty eye-opening.

The last part of this module introduced us to JavaScript and React. Now, I’d heard a lot about React, and it was fascinating to learn that it was created by Meta engineers! Although this course only covered the basics, it set me up for deeper JavaScript learning, which I’m really excited to dive into next.

Reflection on the Journey

Looking back, I genuinely enjoyed this course. HTML and CSS were fun to work with (it’s like creating your own art!), and adding UI elements with Bootstrap brought a whole new level of customization. I’m still practicing, but each small project I complete builds my confidence.

Why You Should Consider This Course

So, why do I think Meta’s course is worth your time? Here are a few reasons that might help:

Beginner-Friendly: You don’t need prior experience. The course takes you from scratch, and each module builds on the last, making it easy to follow.
Industry-Relevant Skills: The skills you learn are directly applicable to real projects, and with the demand for front-end developers, this could be a valuable career step.
Practical Projects: Every lesson includes hands-on exercises, so you get to apply what you learn immediately, which is super rewarding.

Final Thoughts and Next Steps

Now that I’ve completed the Introduction to Front-End Development course, I’m ready to start practicing with some basic project designs and dive into Programming with JavaScript, the next course in Meta’s specialization. I’m excited to add more interactive elements to my projects and take my skills even further.

So, if you’re on the fence about learning front-end development, I’d say go for it! Meta’s course is an awesome starting point that gives you everything you need to start building the future of the web. You can check out the course and see if it’s right for you on Coursera here. 🌍✨

Why Web Accessibility Matters: A Guide for Modern Developers

Frontend Development October 26, 2024

Elderly man in a wheelchair using a laptop with assistive technology in a modern office, symbolizing web accessibility.

In my journey as a developer, I’ve encountered many essential concepts, but none as impactful as web accessibility. I first came across this topic during a Coursera course on web development, and it immediately struck me as something every new developer should understand. Accessibility ensures that everyone, including those with disabilities, can enjoy the internet. As Tim Berners-Lee, the inventor of the World Wide Web, famously said, “The power of the Web is in its universality. Access by everyone, regardless of disability, is an essential aspect.”

For developers, accessibility isn’t just an add-on—it’s fundamental. Let’s explore why it matters and how you can start incorporating it into your projects.

Common Misconceptions About Web Accessibility

While web accessibility is crucial, several misconceptions often get in the way. Here are a few I’ve noticed:

“Accessibility is for a small audience.” In reality, over a billion people worldwide live with disabilities, so accessibility impacts a substantial part of the population.
“Disabled users don’t visit my site.” People with disabilities engage with all types of online content, just like everyone else.
“It’s expensive and time-consuming.” Implementing accessibility from the start is efficient and cost-effective. Retroactively making a website accessible can be challenging, but building accessibility from the beginning actually saves resources in the long run.
“Accessibility is just about adding alt text.” Accessibility is much more comprehensive. It includes making sure sites work with screen readers, providing captions for videos, ensuring keyboard navigation, and so much more.

Understanding and moving past these misconceptions allows us to focus on what really matters: creating a web that’s inclusive and user-friendly for everyone.

Essential Tools and Technologies for Accessibility

There are various tools and features that help make websites accessible to users with different needs:

Keyboard Compatibility: This allows users who can’t use a mouse to navigate the site entirely with their keyboard.
Good Color Contrast: Ensures readability, especially for users with visual impairments like color blindness.
Text-to-Speech: Converts on-screen text into audio, which is helpful for users who are visually impaired or have reading difficulties.
Large, Clickable Elements: Larger buttons and links help users with motor impairments interact more easily with a site.
Video Captions and Transcripts: Vital for users with hearing impairments.
Speech Recognition: Enables users to navigate or input information through voice commands, aiding those with mobility challenges.

Using these tools makes a website more accessible and inclusive, helping a broader range of users enjoy a seamless experience.

Best Practices for Accessible Web Development

Implementing accessibility best practices from the beginning of a project is critical. Here are some foundational steps:

Use Semantic HTML: This improves structure and makes it easier for screen readers to interpret page content.
Ensure Keyboard Accessibility: Test navigation to make sure everything works without a mouse.
Provide Alt Text on Images: This allows screen readers to describe images, making visual content accessible to visually impaired users.
Accessible Forms: Label all form fields properly, so users with assistive technology can understand and fill out forms accurately.
Use Clear Heading Structures: Headings help users navigate content easily and make the page more readable.
Ensure Color Contrast: Make sure text is legible against background colors, particularly for users with visual impairments.
Design Responsively: Make sure the site functions well on all devices, including mobile, tablet, and desktop.
Add Transcripts and Captions: For multimedia content, provide captions or transcripts for users who are deaf or hard of hearing.
ARIA Roles: Use ARIA attributes to help screen readers understand dynamic content, such as interactive forms or pop-ups.
Test with Assistive Technologies: Testing with screen readers or keyboard-only navigation can reveal issues that traditional testing may miss.

These practices make websites usable for everyone, from visually impaired users to those with mobility challenges. For more on best practices, you can refer to W3C’s Web Accessibility Initiative, which sets global standards for accessibility.

Key Benefits of Web Accessibility

Building accessible websites isn’t just the right thing to do; it has several other benefits:

Guideline	Key Benefit
Semantic HTML	Helps screen readers understand page structure
Keyboard access	Allows navigation without a mouse
Alt text	Describes images for visually impaired users
Accessible forms	Makes forms usable with assistive tech
Proper headings	Improves navigation and readability
Color contrast	Ensures text is readable by all
Responsive design	Works on mobile, tablet, and desktop
Captions/transcripts	Helps deaf or hard-of-hearing users
ARIA	Adds context for dynamic content
Assistive tech testing	Catches issues regular testing misses

Aside from the direct impact on users with disabilities, accessibility offers tangible benefits to all websites, including:

Increased Traffic and Engagement: A well-designed site that’s easy to navigate encourages more visitors and longer engagement.
Reduced Legal Risk: In some regions, accessibility compliance is mandatory, reducing the risk of potential legal issues.
Enhanced SEO: Search engines favor accessible sites with well-structured content, helping to improve rankings.
Broader Audience Reach: Accessibility ensures that a wider range of people can access your content, increasing the potential customer base.

Final Advice for Developers

For developers just starting with accessibility, I’d recommend focusing on a few core practices. Start with semantic HTML and keyboard accessibility, as they form a strong foundation for accessible design. Then, build on these with alt text, proper headings, and color contrast. Remember, accessibility is a journey, and every improvement you make contributes to a more inclusive web.

For more information on web accessibility, check out Web Accessibility on Wikipedia, which provides a great overview of the topic.

Building the Habit of Success – My Journey with Atomic Habits

Book Reviews October 18, 2024

I recently started reading Atomic Habits by James Clear, and I must say, it’s been quite a journey so far! 📖 Initially, I had ordered a collection of 12 books through an advertisement, including classics like How to Win Friends and Influence People. But after reflecting on my current goals, I realized that what I needed most was a strong foundation in habit-building. That’s when I decided to dive into Atomic Habits, and I haven’t looked back.

What drew me to this book was its title – Atomic, meaning tiny, and that’s precisely what the book teaches. It’s all about making small changes that result in remarkable transformations over time. Clear breaks down habit formation into four simple laws that anyone can follow – and that’s where the real magic happens. ✨

The 4 Laws of Habit Building

As I’ve been reading, I’m particularly fascinated by the four laws James Clear outlines for building habits:

1️⃣ Make it Obvious
2️⃣ Make it Attractive
3️⃣ Make it Easy
4️⃣ Make it Satisfying

These principles are not only practical but also backed by research and real-life experiences. The way the author explains each law is insightful and relatable, often sharing personal stories and experiments that highlight how small, consistent actions can lead to major breakthroughs.

One thing that truly caught my attention was how companies spend millions making products irresistible. For example, the crunch in fries or the fizz in sodas is no accident – it’s designed to hook us. This insight opened my eyes to the subtle habits we unconsciously build and how they influence our decisions daily.

What I’ve Learned So Far

The biggest lesson I’m learning from this book is that every small step counts. 🧩 It’s not about speed but about consistency. Even improving by just 1% daily can lead to a 100% improvement after 100 days! 🚀

In other words: discipline and steady progress matter more than quick wins. This idea is already changing how I approach my routines. Whether it’s personal growth, fitness, or work, I’ve started to see how these small, atomic habits are beginning to stack up over time.

What I Didn’t Like

Honestly, there’s not much I didn’t like about the book so far. But if I had to mention something, it’s this: I tend to forget what page I was on! 😂 It’s not the book’s fault – just me getting distracted and disorganized along the way. Still, it’s a small hurdle I’ll have to overcome to stay on track.

**Who Should Read Atomic Habits?**

In my opinion, this book is suitable for everyone. 🌍 It’s not just for people looking to drastically change their lives – anyone can benefit from the lessons inside. Whether you’re trying to develop new habits or break old ones, Atomic Habits offers a practical framework that’s easy to understand and apply.

It’s definitely not a waste of time – it’s an investment in yourself! 💪

Final Thoughts

While I haven’t finished the book yet, I’m confident it will continue to deliver value. 📚 Once I complete it, I’ll write another post sharing more insights.

So far, I’d give Atomic Habits a solid 4.5 out of 5 stars. 🌟 The combination of engaging stories, scientific research, and actionable tips makes it a must-read for anyone interested in personal growth and habit-building.

If you’re curious about how tiny changes can lead to big results, I highly recommend giving Atomic Habits a read. You can learn more about it on the official Atomic Habits website.

Choosing Mobile Application Development as a career in 2024

Mobile Application Development July 7, 2024

Creative mobile responsive website designer sorting wireframe screens of mobile application process development prototype wireframe.⁠

Introduction

Hello, I’m Sharih Hassan, a passionate Mobile Application Developer. Although I’m still on my journey of mastering mobile application development, my background as a computer science student, along with completing a boot camp course, has given me a strong foundation. I’m currently pursuing a specialization at Coursera to further enhance my skills. Welcome to my blog! In this first article, I’ll explore the dynamic field of mobile application development in 2024, examining current trends, challenges, and future prospects.

Evolution of Mobile Application Development

Mobile application development has come a long way since the early days of mobile phones. Initially, mobile apps were simple and limited in functionality, primarily used for basic tasks like calling and messaging. However, with the advent of smartphones, the landscape of mobile apps transformed dramatically.

Key milestones include the launch of the Apple App Store in 2008 and the Google Play Store (originally Android Market) shortly after. These platforms revolutionized how applications were distributed and monetized, giving rise to a booming app economy. Over the years, technological advancements such as the integration of AI, AR/VR, and the rollout of 5G networks have further expanded the capabilities of mobile applications.

Current Trends in Mobile Application Development

2024 is an exciting year for mobile app development, with several trends shaping the industry:

Popular Programming Languages and Frameworks

Swift and Kotlin continue to dominate iOS and Android development, respectively, offering powerful, modern languages tailored for mobile apps.
Flutter and React Native are leading the charge in cross-platform development, enabling developers to write code once and deploy it across multiple platforms, thus saving time and resources.

Integration of AI and Machine Learning

AI and machine learning are increasingly being integrated into mobile apps to provide personalized experiences, enhance user interactions, and automate tasks. From voice assistants to recommendation systems, these technologies are enhancing the functionality and appeal of mobile applications.

The Rise of Cross-Platform Development

Developers are leaning towards cross-platform development frameworks like Flutter and React Native to create apps that work seamlessly across different operating systems. This approach not only reduces development time and costs but also ensures a consistent user experience.

Focus on UX and UI Design

User experience (UX) and user interface (UI) design are more critical than ever. Modern users expect apps to be intuitive, aesthetically pleasing, and easy to navigate. Developers are prioritizing UX/UI to meet these expectations and improve user retention rates.

Challenges in Mobile Application Development

Developing programmer Development Website design and coding tech⁠

Despite the exciting opportunities, developers face several challenges:

Security and Privacy Concerns

With the increasing amount of personal data stored on mobile devices, ensuring security and privacy is paramount. Developers must implement robust security measures to protect user data and comply with regulations.

Device Fragmentation and Compatibility Issues

The wide variety of devices and operating systems presents a significant challenge. Ensuring compatibility across different screen sizes, hardware configurations, and OS versions can be daunting and requires thorough testing.

Performance Optimization

Mobile apps must be optimized for performance to provide a smooth user experience. This includes managing resource usage, minimizing load times, and ensuring efficient battery consumption.

App Store Guidelines and Policies

Navigating the guidelines and policies of app stores can be tricky. Developers need to ensure their apps comply with the rules to avoid rejection or removal from the stores.

Opportunities in Mobile Application Development

Development career growth, success and progress concept.⁠

The future of mobile app development holds numerous opportunities:

Growth of Mobile Commerce and Fintech App

Mobile commerce continues to grow, with more consumers opting for mobile shopping. This trend is driving the development of innovative e-commerce and fintech applications that offer seamless, secure, and convenient transactions.

Expansion of Healthcare and Wellness Applications

The demand for healthcare and wellness apps is on the rise. These apps help users track their health metrics, connect with healthcare providers, and manage their wellness routines. The integration of wearables and IoT devices further enhances their capabilities.

Potential of Augmented Reality (AR) and Virtual Reality (VR)

AR and VR technologies are transforming various industries, including gaming, education, and real estate. Mobile apps leveraging AR and VR provide immersive experiences, offering new ways for users to interact with content and services.

Impact of 5G on Mobile App Capabilities

The rollout of 5G networks is set to revolutionize mobile app development. With faster speeds and lower latency, 5G enables more sophisticated applications, such as real-time gaming, high-definition video streaming, and advanced IoT functionalities.

Future Outlook and Predictions

Businessman Using Crystal Ball to Predict Future at Table, Close⁠

Looking ahead, several technological advancements and shifts in user behavior are likely to shape the future of mobile app development:

Technological Advancements

Technologies such as AI, AR/VR, and blockchain will continue to evolve, offering new possibilities for mobile applications. Developers will need to stay abreast of these advancements to leverage them effectively.

The Role of Mobile Apps in a Connected World

As the Internet of Things (IoT) expands, mobile apps will play a crucial role in connecting and controlling smart devices. This will lead to the development of apps that manage home automation, wearables, and other IoT-enabled devices.

Shifts in User Behavior and Expectations

Users are becoming more discerning, expecting high-quality, secure, and privacy-respecting apps. Developers will need to prioritize these aspects to meet user expectations and stand out in a competitive market.

Conclusion

Mobile application development in 2024 is an exciting and rapidly evolving field. From the rise of cross-platform development to the integration of AI and 5G, numerous trends are shaping the industry. However, developers must also navigate challenges such as security concerns and device fragmentation. As we look to the future, staying updated with technological advancements and user expectations will be key to success.

Thank you for reading my first blog post. I look forward to sharing more insights and experiences with you on this journey. Stay tuned for more articles on mobile application development and other tech-related topics.