Female Tech Entrepreneur https://femaletechentrepreneur.com/ Lessons learned from starting a tech company Sun, 07 Apr 2024 08:58:19 +0000 en-US hourly 1 https://femaletechentrepreneur.com/wp-content/uploads/2023/09/cropped-Favicon-Female-tech-entrepreneur-32x32.png Female Tech Entrepreneur https://femaletechentrepreneur.com/ 32 32 An Elegant Puzzle: Systems of Engineering Management – Book review https://femaletechentrepreneur.com/an-elegant-puzzle-systems-of-engineering-management-book-review/?utm_source=rss&utm_medium=rss&utm_campaign=an-elegant-puzzle-systems-of-engineering-management-book-review Sun, 07 Apr 2024 08:53:57 +0000 https://femaletechentrepreneur.com/?p=1715 Gain invaluable insights into engineering management with Will Larson's comprehensive guide. Learn practical tools and strategies for leading teams effectively, from small groups to scaling up. Discover the wisdom of stacking small wins over chasing silver bullets. An essential read for tech leaders at any level

The post An Elegant Puzzle: Systems of Engineering Management – Book review appeared first on Female Tech Entrepreneur.

]]>

An Elegant puzzle – Systems of engineering Management

Author: Will Larson

Will Larson’s ‘An Elegant puzzle’ offers a comprehensive guide to navigating the multifaceted role of managing engineers, whether overseeing a small team or scaling up to manage managers. Drawing from his extensive experience at technology giants like Yahoo!, Uber, and Stripe, Larson provides invaluable tools and systems to empower teams to perform optimally.

The book is skillfully written, peppered with insightful anecdotes from Larson’s own journey in engineering leadership. His candid recounting of real-world scenarios adds depth and relatability, making the concepts tangible and actionable.

A standout feature of the book is Larson’s emphasis on the importance of incremental progress over the pursuit of elusive solutions. As he aptly puts it,

Managing rapid growth is more along the lines of stacking small wins than identifying silver bullets.
– Will Larson

This philosophy underscores the practical wisdom woven throughout the text, offering managers a pragmatic approach to tackling challenges.

Moreover, Larson goes the extra mile by concluding the book with a meticulously curated list of recommended readings, allowing readers to delve deeper into specific topics of interest. While primarily aimed at managers, even those overseeing smaller teams, like myself, will find immense value in Larson’s insights. Personally, I found myself benefiting greatly from his advice, and I anticipate revisiting this book as my team continues to expand.

In essence, ‘Insights into Engineering Management’ is a must-read for anyone navigating the complexities of leading engineering teams in today’s fast-paced tech landscape.

The post An Elegant Puzzle: Systems of Engineering Management – Book review appeared first on Female Tech Entrepreneur.

]]>
Building an MVP for your Startup https://femaletechentrepreneur.com/building-an-mvp-for-your-startup/?utm_source=rss&utm_medium=rss&utm_campaign=building-an-mvp-for-your-startup Thu, 28 Mar 2024 16:45:26 +0000 https://femaletechentrepreneur.com/?p=1877 Do you have an entrepreneur within you and want to bring it to life? Creating a business plan and building an MVP (Minimal Viable Product) is the place to start.

The post Building an MVP for your Startup appeared first on Female Tech Entrepreneur.

]]>

Do you have an entrepreneur within you and want to bring it to life? Creating a business plan and building an MVP (Minimal Viable Product) is the place to start. In this post, I will share my approach to testing out a new business idea and some of the pitfalls that you should avoid.

What is an MVP?

Let us first get into what an MVP is and why we should start by building an MVP and not just the whole product.
MVP stands for Minimal Viable Product, which means a product with enough features to attract your first customers and thereby validate your idea.
In some cases, this means just a clickable prototype, the main thing is that it is just enough to get validation from customers so that you know if it is worth spending more time and money on.

Every time we have a new idea for a new feature or product in my startup, my first question is “What is the MVP we can do to test if this concept works?”. And as the design tools get better I can see a future where this doesn’t even involve the development team.

– Nanna Bach Munkholm

MVP requirements

Before building your MVP, it’s time to look at your MVP requirements.

  1. What problem do you want to solve?
  2. Who is your target audience?
  3. How can you reach them?
  4. What features do you need to solve their problem?
  5. What is the most important feature?
  6. How can I test that I’m solving their problem?

Try to note down the answers to these questions and be critical of the features – are they necessary for you to get validation?

For my first Tech Startup, I first created a prototype (a click-through design) to explain my idea to advisors and developers. The first error here was that I didn’t test it on potential customers. With this prototype, I went to a consultant company and negotiated a deal where they made the MVP. My second mistake was I hadn’t thought about how I should track if the early adopters liked the MVP. Leading to the MVP being useless. Furthermore, I had no clue about what I should be aware of when talking to developers.

– Nanna Bach Munkholm

How to Build an MVP?

Now that you have your MVP requirements we can take a look at the different options you have for building an MVP for your startup. Depending on the technology depth of your MVP you have different options.

  1. A clickable MVP without any functionality behind
  2. A No Code MVP with hand-held or simple functionality
  3. An advanced MVP

1. A clickable MVP without any functionality behind

This is a great choice if you have no technical experience and want to get your MVP out into your customer’s hands quickly.

Figma has become the preferred tool for most designers as it is intuitive and has all the features you need to create a clickable MVP. Another great advantage is that if you choose solution 2 or 3 you can use the design and extract the parameters you need for developing an MVP with functionalities behind it.

2. A No-Code MVP with hand-held or simple functionality

Creating a No-Code MVP is underrated. When I started my first Tech startup back in 2018 No-Code was not a thing, but today there is a No-Code that nearly fits every business case. No-code means tools where you can build your application without needing to code. You will of course have some restrictions compared to coding your application from scratch, but if you choose the right No-Code tool you are properly set for many years.
I’m not going to mention all the different No-Code tools available but I can recommend you to have a Talk with Maja Overgaard who is an expert in No Code.
These are the No-Code tools I have used so far.

Glide Apps

GlideApps is a great tool if you wanna ship something out quickly and you don’t have a lot of requirements for the design. Maja explained it as being the Duple (Lego) version of NoCode tools. As a database, it uses a Google Sheet, which makes it great for non-technical people. I have built great tools for personal use cases: a catalog of my favorite recipes, an event app for my birthday party, and a property rental app for my dad.

FlutterFlow

FlutterFlow is a more advanced NoCode tool, that can be used for releasing an app on App Store, Google Play, and just have a web app. This tool is optimized for mobile first, so building an administration portal will not be a great fit for this tool. But this tool comes very close to building a Flutter app (a Cross-platform framework). You can even get the code behind the FlutterFlow app exported to Flutter if you one day find out that the tool doesn't fit your needs anymore. FlutterFlow and Flutter are owned by Google and use Google Firebase as a database.  

Bubble.io

Bubble is a more advanced NoCode tool, where the learning curve is higher. If we are talking Lego terms again this is the Lego Technique version. Bubble is a great tool for web applications and you can connect the database you desire. So this could be a great fit for you if you have a more advanced data structure, need 100% control of the design, and don’t need an app.

3. An advanced MVP

When do we need to make an advanced MVP?

Are you trying to invent a new technology that never has been done before you might need to code it to prove it can be done. But often it’s not the UI that makes the difference in the beginning. What I’m trying to say is that you only need to start coding if you need a cool algorithm that does something smart, but then you can use a NoCode to make your algorithm come to life.

If you haven’t tested if your potential customers want to pay for the service you deliver, you can start by making a facade for your products and then hand-hold the functionality behind them. By doing this you can collect data on the customer’s behavior and thereby have data to attain an investment to hire developers to build the functionality behind.

I you wanna code everything from scratch take a look at my post about Starting a tech company without a tech background. Here I will take you through the things you need to consider to choose the best tech stack. 

Before launching my first tech venture, I encountered numerous fellow entrepreneurs who lacked technical skills and opted to hire consultants to develop their products. Initially, this seemed like a sound approach, especially after securing soft funding or investment.

However, a recurring issue emerged: as funds dwindled, they found themselves with unfinished products and no means to complete them. Recognizing this common pitfall, I made a strategic decision to learn the core programming language necessary for our venture, Python. Back in 2018, there wasn’t anything like NoCode. So, I had to learn other languages like TypeScript, HTML, CSS, and Dart, as we ended up in the same pitfalls.

Despite our best efforts, the learning curve associated with both coding and building a company simultaneously proved challenging, ultimately leading to the closure of our venture in 2021.
– Nanna Bach Munkholm

What I want to tell with this story is, to use your resources where they are best spent. Creating a business is not only building an MVP, it requires many skills so take the shortcuts where you can, and don’t start building a rocket if all you need is a skateboard to get you from A to B. 

Final advice on building an MVP

My advice to you my fellow entrepreneur embarking on building your Minimum Viable Product (MVP) for your startup is to always maintain a critical mindset. Continuously question the necessity of each feature and aspect, asking, “Is this truly essential to prove my idea?” By staying focused on the core elements that validate your concept, you’ll create a lean and effective MVP that efficiently serves its purpose. Remember, the goal is not to build a perfect product from the start but rather to gather crucial insights and feedback to iterate and improve upon. Stay focused, stay critical, and embrace the journey ahead with enthusiasm and determination.

The post Building an MVP for your Startup appeared first on Female Tech Entrepreneur.

]]>
Starting a Tech company without Tech background https://femaletechentrepreneur.com/starting-a-tech-company-without-tech-background/?utm_source=rss&utm_medium=rss&utm_campaign=starting-a-tech-company-without-tech-background Mon, 08 Jan 2024 07:21:24 +0000 https://femaletechentrepreneur.com/?p=1690 The post Starting a Tech company without Tech background appeared first on Female Tech Entrepreneur.

]]>

Embarking on the journey of starting a company demands a diverse skill set, with basic tech skills being a crucial component. While coding your own website isn’t mandatory, a foundational understanding of navigating and utilizing software systems is essential. Many successful tech founders have proven that a tech background is not a prerequisite. Whether you collaborate with tech experts or conduct thorough research, I’m here to share fundamental terminologies and tips to guide you as you venture into starting a tech company without tech background.

The Importance of Basic Tech Skills

Navigating the realms of tech is a must, from setting up your startup to invoicing your customers. As a founder since 2014, I share a common ground with many, having embarked on this journey without a tech background, just like you. Back when I was diving into construction engineering studies, I simultaneously launched my first venture – a creative enterprise crafting handmade bags sold at craft fairs and on my webshop. Despite the artistic nature of my business, it demanded a slew of new skills, from building a Shopify website and managing social media accounts to creating visuals in Canva and handling bookkeeping in Dinero, among other essentials. See my favorite tools here.
You can of course pay others to take care of all this, but in the beginning of creating a company it may not be possible. But if I could learn it so can you!

However, it’s crucial to acknowledge the distinction between initiating a creative company and embarking on a tech-focused venture. When technology takes center stage in your startup, basic tech skills are just the tip of the iceberg; a comprehensive technological understanding of your specific field becomes imperative. Take, for instance, launching a company in the realm of Artificial Intelligence. While you may not need to be a field expert, a fundamental understanding of AI is essential to harness its full potential.

This principle holds true for starting a Software as a Service (SaaS) startup as well. While you may not be expected to code the entire software system, you must possess enough tech proficiency to make informed decisions. This involves selecting the most suitable software, choosing an appropriate tech stack, and hiring skilled technical employees. In essence, even in the tech world, the foundation lies in having basic tech skills, which is laying the groundwork for informed decision-making and successful entrepreneurship.

Basic Tech Terms for starting a Tech company

When I dove into the tech world with my first startup in 2018, I was a total newbie. I won’t lie – the learning curve was steep, and I tripped over a few tech hurdles. However, the lessons I’ve learned can now benefit you as you embark on the path of starting a Tech company without Tech background. Check out these 7 essential Tech terms that you need to know as you get started.

What is a Tech Stack?
Simply put, a tech stack is like the toolkit behind the scenes of your digital service. It includes things like the languages, tools, and systems used to build it – from how it looks to how it functions. People might have different opinions on what’s the ‘best’ tech stack, but the real key is matching it to what your service needs.

An example of a basic tech stack:

Frontend: Angular

Backend: Node.js

Database: Firebase

What is Tech specifications?

If you lack coding skills, connecting with experts is vital to bring your service to life. To ensure a successful collaboration, having a detailed tech specification is key. This document outlines the service’s purpose and its delivery requirements, encompassing both long-term goals and short-term milestones like the Minimal Viable Product (MVP). Tech specifications are invaluable for seeking advice on the tech stack, estimating timelines, and gauging costs. Although it may seem overwhelming initially, starting with what you know and gaining insights in each meeting will enhance your understanding.

What is a Frontend?

Consider the frontend as the visible part of software, such as a website with interactive buttons or an app displaying the latest news—what your customers directly engage with. When selecting a frontend, it’s crucial to tailor it to your use case. Ask yourself: Will your customers interact with the service on computers, mobiles, or both?

Here are some of my preferred frameworks:

  1. Angular or React – Ideal for web applications.
  2. Flutter – A cross-platform framework enabling applications on App Store, Google Play, and as standard websites with a single codebase.
  3. NoCode tools – Platforms like Bubble allow frontend creation without coding skills.
  4. WordPress/Shopify – Suitable for basic websites, including blogs or webshops.

Each framework has its pros and cons, but aligning your choice with your tech specifications will help you find the best fit for your needs.

What is a Backend?

Picture the backend as the intermediary, providing the frontend with the necessary information to showcase the latest news. The frontend requests, ‘Give me the 10 latest news,’ and the backend interacts with the database to retrieve and deliver 10 news articles, complete with details like images, content, and dates. This enables the frontend to present the information in a visually appealing manner.

When it comes to backend development, there’s a plethora of frameworks and languages to choose from, often influenced by developers’ preferences. Here are two  of my favorite backend frameworks:

  1. Google’s Firebase Functions – An excellent choice, especially if you opt for Firebase as your database. It supports multiple coding languages, including Typescript and Python.

  2. Node.js – Frequently used in conjunction with Typescript, Node.js pairs well with databases like MongoDB for robust backend development.

What is a Database?

A database is the place where all your data is stored. While an Excel sheet can serve as a basic database, its scalability is limited. For simple NoCode applications used internally, I often employ Google Sheets as my database. However, when scalability is a priority, careful consideration of data structure is crucial for easy retrieval.

One of my preferred databases is Firestore:

Firestore Database is known for its low learning curve and visual interface, making it user-friendly even for non-technical individuals to modify data.

Cloud Firestore is a NoSQL, document-oriented database. Unlike a SQL database, there are no tables or rows. Instead, you store data in documents, which are organized into collections. Each document contains a set of key-value pairs.

Google

What is a Framework?

A framework is a structure that some smart developers have made, so you don’t need to set up the basics like routing, importing packages, and so on. You choose a framework based on your needs. 
Angular is a framework where you code in HTML, CSS, and Typescript, and it’s good for web applications. A similar framework is React which was created by Facebook’s developers.
I also like the Framework Flutter which can be used to build cross-platform applications  (iOS, Android, and web). In Flutter you use the coding language called Dart. 

When you are new to coding you learn Typescript or HTML, but when you develop a real application you use a framework.

What does a Full-Stack developer mean?

A Full-stack developer has the ability to code the entire technology stack, covering both the frontend and backend aspects of a software application. However, it’s important to note that being ‘full stack’ doesn’t automatically align with your specific tech stack needs. When initiating your search for a developer, focus on finding expertise in the coding languages or frameworks relevant to your intended tech stack.

I trust this guide has given you valuable insights into what it really takes to kickstart a tech company without a tech background. The journey may seem challenging, but rest assured, it’s entirely doable – you might even find yourself coding your own software! For a deeper dive into my personal journey, from starting a tech company without a tech background to a CTO and full-stack developer, explore more on my blog at femaletechentrepreneur.com. Let’s keep the tech journey alive and thriving!

The post Starting a Tech company without Tech background appeared first on Female Tech Entrepreneur.

]]>
You look like a thing and I love you https://femaletechentrepreneur.com/you-look-like-a-thing-and-i-love-you/?utm_source=rss&utm_medium=rss&utm_campaign=you-look-like-a-thing-and-i-love-you Wed, 06 Sep 2023 20:34:26 +0000 https://femaletechentrepreneur.com/?p=1593 Discover the captivating world of artificial intelligence through the lens of humor with 'You Look Like a Thing and I Love You.' This fun-filled book unravels the mysteries of AI, showcasing why it's making our world wonderfully weird. Join the AI adventure today!

The post You look like a thing and I love you appeared first on Female Tech Entrepreneur.

]]>

A Delightfully Wacky Dive into the World of AI

Forfatter: Janelle Shane

“You Look Like a Thing and I Love You” – Where AI Meets Whimsy

Prepare to embark on a whimsical journey through the extraordinary realm of artificial intelligence with the brilliantly fun book, “You Look Like a Thing and I Love You.” In this delightful exploration, author Janelle Shane takes you by the hand and guides you through the quirky, unexpected, and utterly entertaining aspects of AI.

Unraveling AI with a Giggle

Forget the traditional, dry explanations of AI – this book approaches the subject with a refreshing dose of humor. As you flip through its pages, you’ll find yourself chuckling at anecdotes, witty asides, and charming AI tales. “You Look Like a Thing and I Love You” proves that learning about technology doesn’t have to be a snooze-fest; it can be a laugh-out-loud adventure.

Understanding the Weirder Side of AI

AI has a knack for making the world a stranger place, and this book unveils exactly why that’s the case. It demystifies complex AI concepts in a way that feels like chatting with a witty friend over coffee. Whether it’s AI’s bizarre creations, unexpected blunders, or the uncanny ability to make sense of chaos, you’ll be entertained and enlightened.

A Must-Read for Curious Minds

Whether you’re a tech enthusiast or simply curious about AI’s influence on our lives, “You Look Like a Thing and I Love You” is a must-read. It doesn’t just break down the nuts and bolts of AI; it takes you on an enchanting journey into its heart, revealing why AI is turning our world into a wonderfully weird place.

In conclusion, this book is not your typical AI manual; it’s a celebration of the fascinating and amusing aspects of artificial intelligence. “You Look Like a Thing and I Love You” is your ticket to understanding AI while having an absolute blast. Dive in, have a laugh, and embrace the weird and wacky world of AI today!

Get your copy here

The post You look like a thing and I love you appeared first on Female Tech Entrepreneur.

]]>
Kvinde kend din kode https://femaletechentrepreneur.com/kvinde-kend-din-kode/?utm_source=rss&utm_medium=rss&utm_campaign=kvinde-kend-din-kode Wed, 06 Sep 2023 20:14:45 +0000 https://femaletechentrepreneur.com/?p=1449 Explore 'Kvinde Kend Din Kode,' a Danish book by Sine Zambach, designed to empower women in the tech industry. This insightful review delves into its easy-to-follow approach, practical exercises, and invaluable guidance for women looking to kickstart their coding journey.

The post Kvinde kend din kode appeared first on Female Tech Entrepreneur.

]]>

“Kvinde Kend Din Kode” – A Beacon of Empowerment for Women in Tech

Forfatter: Sine Zambach
As women continue to make their mark in the tech industry, “Kvinde Kend Din Kode” emerges as a powerful ally and guide, authored by the proficient web developer and blogger, Sine Zambach. This Danish book is a beacon of empowerment for women who aspire to learn coding, create websites, and develop their own apps.

Accessible Language and Practical Insights

One of the standout features of “Kvinde Kend Din Kode” is its approachable language. Zambach takes great care in ensuring that even those with no prior coding experience can grasp the concepts effortlessly. The book introduces coding in an inviting manner, making it an ideal starting point for beginners. It demystifies the world of programming and fosters a welcoming learning environment.

Hands-On Learning with Practical Exercises

What sets this book apart is its emphasis on hands-on learning. It not only explains coding principles but also offers practical exercises and examples. Readers can apply their knowledge immediately, reinforcing their understanding of coding concepts. This hands-on approach accelerates the learning curve, enabling women to gain confidence in their coding skills.

Addressing Challenges Faced by Women in Tech

“Kvinde Kend Din Kode” goes beyond coding tutorials; it addresses the unique challenges that women may encounter in the tech industry. Zambach provides invaluable guidance on overcoming these hurdles, empowering women to navigate the tech world with confidence. This inclusive approach fosters a sense of belonging and support.

A Gateway to a Tech Career

Whether you’re looking to launch a career in tech or simply want to explore coding as a hobby, this book provides a solid foundation. It equips women with the skills and knowledge they need to excel in the digital age. “Kvinde Kend Din Kode” is not just a book; it’s a roadmap to empowerment, opening doors to countless opportunities in the tech field. In conclusion, “Kvinde Kend Din Kode” by Sine Zambach is a must-read for women interested in coding, web development, and app creation. Its easy-to-understand language, practical exercises, and inclusive approach make it a vital resource for women seeking to thrive in the tech industry. This book doesn’t just teach code; it inspires and empowers women to embrace the world of technology with confidence and determination. Get your copy here

The post Kvinde kend din kode appeared first on Female Tech Entrepreneur.

]]>
Python Programming for the absolute beginner https://femaletechentrepreneur.com/python-programming-for-the-absolute-beginner/?utm_source=rss&utm_medium=rss&utm_campaign=python-programming-for-the-absolute-beginner Wed, 06 Sep 2023 20:00:10 +0000 https://femaletechentrepreneur.com/?p=1530 Learn Python with Practical Examples! Dive into the world of programming with 'Python Programming for the Absolute Beginner.' Discover the power of variables, data types, and more. Start your Python journey today!

The post Python Programming for the absolute beginner appeared first on Female Tech Entrepreneur.

]]>

A Perfect Starting Point for Python Newbies

 

Forfatter: Michael Dawsons

“Python Programming for the Absolute Beginner” was my first dive into the world of Python programming, and I must say, it was an excellent choice for a beginner like me. This book, authored by Michael Dawsons, provides a welcoming and comprehensive introduction to Python, making it an ideal choice for anyone new to programming.

One of the standout features of this book is its abundance of practical examples. Python is renowned for its readability and simplicity, and this book capitalizes on those qualities by presenting a multitude of hands-on exercises and code snippets. These examples are thoughtfully designed to reinforce the concepts explained in each chapter. They were instrumental in helping me grasp the fundamental concepts of Python quickly and effectively.

The book is structured in a logical and progressive manner. It starts with the absolute basics, assuming no prior programming experience, and gradually introduces more complex topics. The pacing is comfortable, allowing readers to build a strong foundation before moving on to more advanced concepts. This approach greatly reduces the intimidation factor often associated with learning a new programming language.

The explanations provided are clear and concise, and complex topics are broken down into manageable chunks. The author has a talent for simplifying intricate ideas without oversimplifying them, ensuring that readers develop a solid understanding of Python’s core principles.

Additionally, the book covers essential topics such as data types, loops, functions, and object-oriented programming, making it a well-rounded resource for beginners. While it might not delve as deeply into these topics as more specialized books, it offers a fantastic starting point for further exploration.

In conclusion, “Python Programming for the Absolute Beginner” is an excellent choice for anyone new to Python. Its practical examples, clear explanations, and gradual progression make it a solid starting point for beginners. While it might not be the only book you need on your Python journey, it certainly provides a strong foundation to build upon. I wholeheartedly recommend it to anyone taking their first steps into the world of Python programming.

Get your copy here

The post Python Programming for the absolute beginner appeared first on Female Tech Entrepreneur.

]]>
What are the unspoken rules for frontend development? https://femaletechentrepreneur.com/what-are-the-unspoken-rules-for-frontend-development/?utm_source=rss&utm_medium=rss&utm_campaign=what-are-the-unspoken-rules-for-frontend-development Tue, 27 Dec 2022 16:14:48 +0000 https://femaletechentrepreneur.com/?p=965 Get er checklist of the unspoken rules for frontend development. Print the checklist and improve your frontend development skills.

The post What are the unspoken rules for frontend development? appeared first on Female Tech Entrepreneur.

]]>

Are you a frontend developer or are you applying for your first job as a frontend developer? Here are the things I have learned in the first year working as a frontend developer for a big consultant company in Denmark. My main experience is in the frontend framework Angular, but I believe the points in this posts will benefit you no-matter what framework you work in.

To construct this post I had a conversation with chatGPT about the point I have experienced and what else it things I should considerate. So in this post you can find ChatGPTs answer to “What are the unspoken rules for frontend developers” and further explanation to the points I find important to elaborate on. Last you will find the checklist I have next to my desk when developing frontend. 

As a consultant I am assigned a task with a description of the task at hand, a link to a design with a design system and user acceptance criterias. Based on this information I should be able to solve the task. But as you quickly learn there is some unspoken rules and requirements when it comes to frontend. If you know the rules your life as a frontend developer will become much easier with fewer pull request comments and QA (Quality Assurance) tasks. 

    What are the unspoken rules for frontend developers?

    • Use a consistent coding style throughout your project.
    • Optimize for performance and load time.
    • Test your code on different devices and browsers.
    • Keep your code well-documented and easy to understand for other developers.
    • Don’t rely on layout frameworks too heavily; try to understand and use the underlying HTML and CSS concepts.
    • Keep accessibility in mind when designing and coding.
    • Use animation to make good user experience.
    • Use version control and collaborate with other developers effectively.
    • Don’t use hacky solutions; try to find a clean, efficient solution to problems.
    • Be open to feedback and constructive criticism.

    It is time to go into details, how do we manage to incorperate these points into our daily routines.

    How to use a consistent coding style throughout our project

    1. Choose a coding style guide: There are several coding style guides available for Angular, such as the AngularJS Style Guide or the John Papa Angular Style Guide. Choose one that best fits your team’s needs and preferences.
    2. Install a linter: A linter is a tool that helps enforce coding style guidelines by analyzing your code and identifying potential issues. For Angular, you can use tools such as TSLint or ESLint.
    3. Set up a linter configuration file: Create a configuration file for your linter that specifies the coding style rules you want to follow. This can include things like indentation, line length, and naming conventions.
    4. Use an automated formatter: An automated formatter is a tool that automatically reformats your code to match your chosen coding style. This can be especially helpful when working with a large codebase or when working with multiple developers who may have different coding styles.
    5. Review and enforce coding style guidelines: It’s important to regularly review and enforce coding style guidelines to ensure that your codebase is consistent and easy to read. This can be done through code reviews, automated tools, or manual checks.
    6. Document your coding style guidelines: Make sure to document your coding style guidelines in a central location, such as a readme file or style guide document, so that all team members are aware of them. This will help ensure that everyone is following the same guidelines and that the codebase remains consistent.

    How to optimize for performance and load time in Angular

    1. Use lazy loading for modules: Lazy loading allows you to load only the required modules and components as needed, rather than loading everything at once. This can significantly improve the performance and load time of your application.
    2. Use Angular Universal for server-side rendering: Server-side rendering allows you to pre-render the HTML on the server, which can improve the initial load time of your application.
    3. Use the Angular Compiler: The Angular Compiler can optimize your code by removing unnecessary code and inlining small functions, resulting in faster execution and a smaller bundle size.
    4. Use a CDN for static assets: Storing static assets such as images and fonts on a CDN can reduce the load time of your application, as the assets will be served from a location closer to the user.
    5. Use caching: Caching allows you to store frequently used data and assets in the browser, reducing the need to fetch them from the server on subsequent visits.
    6. Minimize the number of HTTP requests: Each HTTP request takes time to complete, so reducing the number of requests can improve the overall performance and load time of your application.
    7. Optimize images: Using properly sized and optimized images can reduce the load time of your application.
    8. Use a performance monitoring tool: Tools such as Lighthouse or Webpagetest can help you identify performance bottlenecks and suggest ways to improve them.

    How to test our code on different devices and browsers.

    There are several ways to test your code on different devices and browsers:

    1. Use an emulator or simulator: Many IDEs (Integrated Development Environments) have built-in emulators or simulators that allow you to test your code on different devices and browsers. For example, Android Studio has an emulator that you can use to test your Android app on different devices and browsers.
    2. Use a remote testing service: There are several services that allow you to remotely test your code on different devices and browsers. For example, BrowserStack and Sauce Labs offer a wide range of devices and browsers that you can use to test your code.
    3. Use real devices: You can also test your code on real devices by installing it on your own devices or borrowing devices from friends or colleagues. This is a good option if you want to test your code on specific devices or if you want to test how it performs in real-world conditions.
    4. Use automated testing tools: There are several tools that allow you to automate the testing process by running tests on different devices and browsers. For example, Playwright where you can create end-to-end test.

    It’s generally a good idea to test your code on as many devices and browsers as possible to ensure that it works correctly and performs well.

    How to keep code well-documented and easy to understand for other developers.

    There are several ways to keep your code well-documented and easy to understand for other developers:

    1. Use clear and concise naming conventions for variables, functions, and classes. This will help other developers easily understand the purpose of each component in your code.

    2. Include comments in your code to explain the purpose of each function or block of code. This will help other developers understand the logic behind your code.

    3. Use clear and descriptive error messages to help other developers understand what went wrong in case of an error.

    4. Document the inputs, outputs, and dependencies of each function or class. This will help other developers understand the requirements and dependencies of your code.

    5. Use consistent formatting and indentation in your code to make it easier to read and navigate.

    6. Regularly update your documentation as you make changes to your code to keep it up-to-date and accurate.

    7. Follow the SOLID principles

    By following these guidelines, you can make your code more understandable and easier for other developers to work with.

    How to keep accessibility in mind when designing and coding?

    There are several steps you can take to ensure that your designs and code are accessible:

    1. Use semantic HTML: Use HTML tags that accurately describe the content of your page, such as <h1> for headings, <p> for paragraphs, and <img> for images. This will help assistive technologies, such as screen readers, understand the structure of your page.
    2. Add alt text to images: Alt text is a description of an image that is displayed when the image cannot be displayed, such as when a user is using a screen reader. Make sure to add alt text to all images to provide context and information to users who cannot see them.
    3. Make sure your site is responsive: Responsive design ensures that your site is easy to use and navigate on any device, including mobile phones, tablets, and desktop computers. This is especially important for users with disabilities who may be using assistive technologies, such as screen readers, that are optimized for specific devices.
    4. Use clear and concise language: Avoid using jargon or complex language that may be difficult for users with cognitive or learning disabilities to understand. Use clear, concise language that is easy to read and follow.
    5. Test your site for accessibility: Use tools such as the Web Content Accessibility Guidelines (WCAG) to test your site for accessibility issues. This will help you identify any issues and make necessary changes to ensure that your site is accessible to all users.
      1. You can read more about WCAG for Angular

    How do I use animation to make good user experience.

    Here are some steps you can follow to become good at making animations in frontend:

    1. Learn the basics of HTML, CSS, and JavaScript: These are the fundamental technologies used to create animations in frontend. Make sure you have a good understanding of how they work before attempting to make animations.
    2. Experiment with different animation libraries: There are many libraries and frameworks that make it easier to create animations in frontend, such as Animate.css, Velocity.js, and GSAP. Experiment with different libraries to find the one that works best for you.
    3. Practice, practice, practice: The more you practice making animations, the better you will become at it. Find projects to work on that involve animating elements, and try to come up with creative ways to use animations in your projects.
    4. Learn from others: There are many resources available online that can help you learn how to create animations in frontend. Follow blogs and tutorials, and watch videos and webinars from experts in the field.
    5. Keep up with the latest trends and techniques: The field of frontend animation is constantly evolving, so it’s important to stay up to date with the latest trends and techniques. Follow industry news and take courses or attend workshops to stay current.

    Checklist

    This is a lot to remember so I have created a checklist that you can print out and have next to your computer while coding. The checklist is separated into three; Before, During and After starting a new task.

    I hope this can help you and make your development process more clean and fun.

    You can find a link to the design here.

    Frontend developer Checklist

    If you have any questions or things to add to the checklist please leave a comment and I will love to get your imputs.

    Have a great day and happy coding 👩🏽‍💻

    The post What are the unspoken rules for frontend development? appeared first on Female Tech Entrepreneur.

    ]]>
    Setting up a new Angular project https://femaletechentrepreneur.com/setting-up-a-new-angular-project/?utm_source=rss&utm_medium=rss&utm_campaign=setting-up-a-new-angular-project Sun, 03 Oct 2021 11:54:22 +0000 https://femaletechentrepreneur.com/?p=907 The post Setting up a new Angular project appeared first on Female Tech Entrepreneur.

    ]]>

    Have you ever tried creating a new Angular project?
    Me neither.

    Why not do it together so you can learn from my mistakes and hopefully I can show that it’s possible to do for everyone, no matter your prior programming skills. Last time I working i Angular was in 2020, where it was called AngularJS. A lot of things have happened since then, so lets take it all from the beginning.
    Things moves fast within software, so remember to find a tutoial that is up to date. .

    Lets get to the fun part of programming.

    Angular is a framework that uses HTML, SCSS and Typescript. You don’t need to know about these languages before we begin, but you will need to learn them to start coding your first app. 

    CREATE A NEW ANGULAR PROJECT

    I like working in VS Code so everything is going to be done using that code editer.

    First step into the world of Angular is to install the required packages.

    – I expect that you already have installled node, so you can import what you need to setup a new Angular project.

    Go to VS Code

    1. Open the terminal in the folder you want o work within.
    2. Install the Angular CLI: npm install g @angular/cli
    3. Create a new Angual project: ng new myapp-name
      • Would you like to add Angular routing? Y
      • Which stylesheet format would you like to use? SCSS

    When the project is installed add the folder to your workspace, by going to File > Add Folder to Workspace.

    Now go to your folder > src > app.component.html here you will find the main code of your new application. Lets try to run the application be writing ng serve in the terminal.

    Your code should be up and running and look something like this:

    That was actually, not that hard. If you have any questions or problems please leave a comment and I will see if I can help. You can now delete everything in the app.component.html and start writing your own code.

    Have a great day and happy coding 👩🏽‍💻

    The post Setting up a new Angular project appeared first on Female Tech Entrepreneur.

    ]]>
    Setup your first EXPRESS.JS BACKEND step by step https://femaletechentrepreneur.com/setup-your-first-express-js-backend-step-by-step/?utm_source=rss&utm_medium=rss&utm_campaign=setup-your-first-express-js-backend-step-by-step Sat, 24 Oct 2020 17:36:49 +0000 https://femaletechentrepreneur.com/?p=775 Start coding your own backend today, with this simple tutorial you will learn how to setup your own Express.js backend in no time.

    The post Setup your first EXPRESS.JS BACKEND step by step appeared first on Female Tech Entrepreneur.

    ]]>

    Wanna build your own website or app? There is something magical about building an application from scratch and to do that you need both a frontend and a backend. In this post I’m going to take you along the journey of building a backend in Express.js.

    First of, let us talk about what Express.js is. Express.js is a popular framework that enables you to build server applications in node.js. You can think of it as the link between your frontend and database. So instead of, linking your database directly to your frontend, you build a backend that handle request and sends data back to your backend in the right format. Just to give you an idea, the following is a list of combination of how you can design you client-server architecture stack.

    • Angular.js (Frontend) + Express.js (Backend) + MongoDB (Database)
    • Flutter (Frontend) + Express.js (Backend) + MongoDB (Database)
    • React.js (Frontend) + Expressjs (Backend) + Firebase (Database)

    Now that we know what it is used for, it’s time to setup an Express.js Backend. 

    Create a new Express.js backend

    I like working in VS Code so everything is going to be done using that code editer. If you haven’t already setup your code editer for node.js, you can follow the guide here. Check if you already have installed it by running npm install. 

    First step into the world of building your own Express.js backend is to create a new project.

    Go to VS Code

    1. In the terminal go to the desired location on your computer where you wanna store your project and write mkdir <project-name>
    2. Change to the new created folder with cd <project-name>
    3. Initialize node.js in your new project by writing npm init
    4. Fill out the questions asked (you can always modify the inputs later)
    5. You will now find a new file in your folder package.json
    6. Install Express.js by running npm install express

    You folder will now include a new folder node_modules and package-lock.json including all preinstalled packages and the package.json file that will now look something like this:

    Setting up an express.js backend

    Run the Express.js server

    Now that you have installed that right packages it is time to create a file that can run the Express.js backend. So in your folder create a new file called app.js and write the following.

    h

    js

    const express = require(‘express’)
    const app = express()

    // http://localhost:3000/

    app.listen(3000, () => {
    console.log(‘Server is up and listening on port 3000’)
    })

    If you are not familiar with the JavaScript syntax you can read more about it here.

    To run your server and see if it gives you the desired outcome, go to your terminal and write node app.js. Go to a browser and type in http://localhost:3000/ and you should now see “Server is up and listerning on port 3000” in your terminal.  But ass you can see in the browser it returns with “Cannot GET /”. This is because we haven’t specified a router, so /contact go to the contact page and / goes to the main page.  See below how to write the router function. In the function you have req which stands for request and res for respond. This server will therefor respond with “Hello, here is your first Express.js backend” in your browser and “Responding to root route” in your terminal. Remember to restart the server in your terminal. 

    h

    js

    const express = require(‘express’)
    const app = express()
    app.get(“/”, (req, res) => {
    console.log(“Responding to root route”)
    res.send(“Hello, here is your first Express.js backend”)
    })
    //http://localhost:3000/
    app.listen(3000, () => {
    console.log(‘Server is up and listening on port 3000’)
    })

    Return data in json format in Express.js

    Lets say you have a datebase with users and you want the route /users to respond with the user information in json format. Then you can define a variable user1 and respond that variable in a json format as shown below. 

    h

    js

    const express = require(‘express’)
    const app = express()

    app.get(“/”, (req, res) => {
    console.log(“Responding to root route”)
    res.send(“Hello, here is your first Express.js backend”)
    })

    app.get(“/users”, (req, res) => {
    console.log(“Responding to users route”)
    var user1 = {firstName: “Nanna”, lastName: “Munkholm”}
    var user2 = {firstName: “Sarah”, lastName: “Munkholm”}
    res.json([user1, user2])
    })

    //http://localhost:3000/
    app.listen(3000, () => {
    console.log(‘Server is up and listening on port 3000’)
    })

    Optimize your workflow when working with Express.js

    To make your life easier when working with your new Express.js backend, you can install the package nodemon. This package automatically restarts your node application when it detects changes in your folder. 

    Run the following code in your terminal:

    sudo npm install -g nodemon

    When it is installed you can use nodemon app.js instead of node app.js.

    I hope this helped you get started setting up your Express.js backend. If you have any questions or problems please leave a comment and I will see if I can help. If you haven’t decided on which frontend framework you want to use, then check out my post on how to get started working with Flutter

    Have a great day and happy coding 👩🏽‍💻

    The post Setup your first EXPRESS.JS BACKEND step by step appeared first on Female Tech Entrepreneur.

    ]]>
    How do I learn to code? https://femaletechentrepreneur.com/how-do-i-learn-to-code/?utm_source=rss&utm_medium=rss&utm_campaign=how-do-i-learn-to-code Sat, 22 Aug 2020 10:03:46 +0000 https://femaletechentrepreneur.com/?p=668 Don't know how to start to learn to code? Here I will give you my tips on how you can get starting to code. Because, coding is for everyone!

    The post How do I learn to code? appeared first on Female Tech Entrepreneur.

    ]]>

    One question I’m asked often is, “How do I learn to code?“. Coding can be a black box to many of us. It’s something that you hear that only guys who sits in a basement and eats a lot of chips and drinks Coca Cola does. But that is not true! Coding is for everyone and I mean everyone. You doesn’t have to be raised with computers or being a guy for that matter. I never had anyone in my family or friends growing up that could code. But at the age of 23 I was introduced to the world of coding and a door to the black box opened. But you may be wondering, How do I start coding? and Is coding even for me?. 

    Here I will give you my tips, to how you can open the door to the magic black box of coding. I can already tell you, that when you have first opened the door it isn’t that black inside. It is just about grabbing the right door handle. 

    Where to start when learning to code?

    You might be wondering which door handle I’m talking about. What I mean is that, there is a lot of different paths to starting to code. And it really depends on what you want to accomplish.

    Do you want to built an app?
    Do you want to automate processes?
    Do you want to create a website?
    …the list could go on.

    So your NUMBER ONE TAKEAWAY from this post is, FIGURE OUT YOUR WHY.

     Why do you want to learn to code?

    Which programming language should I start with?

    When you have figured out why you want to code, it is much easier to figure out which programming language you should start with. Each programming language has a purpose, so when you know your WHY, you can ask Google for instance, “How do I learn to code an app?“. This is a much better search term than, “How do I learn to code?“. But it’s still a quite broad search term, so you should narrow it more down to “How do I learn to code an iOS app?“. So try to see how specific you can be in what you want to learn to code. 

    To give you an example, my first introduction to the magic black box of coding, was when I started my company DecorRaid. I had an idea for an app that could help consumers finding interior products that match their style. I knew nothing about programming and had no prior technology experience. I told friends about my new business idea and they helped me narrow down what I needed. First of, I needed to learn how to code an app but secondly, they said the word Machine Learning. 

    I was like..What is Machine Learning? They told me that it is what you can use to match the consumers with the right products. 

    Now I had two search terms, How do I code an app? and secondly, How do I code a Machine Learning algorithm?. This is two very big projects and two very different doors handles into the black box of coding. After some searching and asking around, I figured out that it was best to outsource building the app as it was essential for testing out our business idea. Instead, I could start looking into what it took to code a Machine Learning algorithm. For Machine Learning, Python is the right language.

    With my WHY in place, I opened to door with python written across. 

    Nanna Bach Munkholm

    My WHY, Creating a Machine Learning algorithm that can match DecorRaids consumers with interior products.

    How do I learn to code?

    Now that you know you why, it’s time to start learning how to code. We all learn differently, so this is just some inspiration to how you can tackle learning to code.

    My first suggestion is find a book or a youtube video that explain the basic of the language you have choosen. I started with the book Python for absolute beginners. It took me through the basic terms and some cool small assignments.

    You will soon learn that you need a specific place to write your code. You can do it in a terminal on your computer, but I will recommend that you install Anaconda Navigator. Here you will get Visuel Studio Code which you can use to code nearly all programming languages. Secondly, you get Jupyter Notebook which is used to code Python in.

    When you have a place to write your code in and learned the basics of your new programmin language, it’s time to find yourself a small motivating project.

    If you need some inspiration, you can go to my previous post Choosing a Flutter project, here I have gathered a few ideas for a good beginner app project.

    When you have found your first project, write down in small steps what you want to accomplish. Then it is just about taking it one step of the time.

    As a final tip – Coding is all about Googling. 

    – The better you become at narrowing down your search term in Google the easier it gets to code. 

    Happy coding and if you have any questions to how you get started learning to code, then please leave a comment below. 

    The post How do I learn to code? appeared first on Female Tech Entrepreneur.

    ]]>