Learning about leading projects and building web projects with F#

Hi,

It’s been a few weeks and I apologize. The recent events are tough on everyone and it’s getting a bit harder to find the focus to keep going on personal projects and my blog.

So, something newsworthy happened to me in the past few weeks. Initially, I was working on with a design team to capture requirements and work on building a large-scale project. I have spent a few months building prototypes of workflows and after identifying the needs for the project, I’ve been assigned to another software project. Being one of the subject matter experts for that project, it made sense for me to be assigned on it after working with the design team for a few months.

Now on with the good news. Not only I’m working on a new project, it’s the first web project that my engineering team is going to work on and I’m the team lead of the said project 🙂

Right now, I’m working capturing the requirements of the web application for the people of interest and then I’ll be able to move to the design phase of the project!

There are a few things to clear out, but one of the things that got me excited for the project is using F#. In my opinion, F# and web development really go hand-to-hand nicely.

I’ve found great gems to start managing this new product and the team working on it (2-3 developers including myself).

Books

“The key to success, often, is building the right habits. But which habits work best? Sprint offers powerful methods for hatching ideas, solving problems, testing solutions—and finding those small, correct habits that make all the right behaviors fall in place.”

Charles Duhigg, author of The Power of Habit

Written by Jeff Gothelf and Josh Seiden, both explain practices on gathering feedback as quick and as often as possible whilst working in collaboration within product teams. You’ll learn how to push the design of your product in short and iterative cycles to help you understand what is needed to create a greater product.

Warren Challenger

All software development is composition: The act of breaking a complex problem down to smaller parts, and then composing those smaller solutions together to form your application.

Eric Elliot

The Elmish Book is a practical guide to building modern and reliable web applications in F# from first principles. We will be using the Fable compiler, which will take our F# code and turn it into Javascript. This allows our code to run anywhere Javascript runs, whether it is the browser, Node.js, or other runtimes. Fable is designed with interoperability in mind, which makes it simple to re-use and integrate with the vast ecosystem of JavaScript libraries, as we will see later on in the book.

Zaid Ajaj

This book is great but it’s aimed primarily at developers who are looking to improve their UI designs when there’s no designer on a project (or similar situation). For that audience, it’s perfect. For designers coming from a primarily print background, I’d recommend this book in a heartbeat. As for the seasoned web or UI design veteran… a lot of it is stuff you’ll likely already know. But I found at least a couple of practical tips that I’m definitely going to include in my design toolbox and workflow.

Angie Herrera

FrontEndMaster Courses

  • Design Systems with React and Storybook
    • Design components Figma, and then learn to code your components in React, and document them for your teams with Storybook.
  • Hardcore Functional Architecture Patterns in Javascript
    • Learn patterns to apply, such as Monoids, Monad Transformers, Free Monads, and Lenses. See functional programming in action!
  • Intermediate React, V2
    • Build scalable React applications using the tools and techniques available in the React ecosystem. You’ll learn hooks in-depth, CSS-in-JS with emotion, increase performance with code splitting and server-side rendering, add TypeScript, test your app with Jest …and more!
  • Complete intro to React, V5
    • Much more than an intro, you’ll build with the latest features in React, including hooks, effects, context, and portals. Learn to build real-world apps from the ground up using the latest tools in the React ecosystem, like Parcel, ESLint, Prettier, and Reach Router!
  • Design for Developers
    • Become self-sufficient for the entire process of execution from concept to design to implementation. You’ll learn to execute the creation of complex and beautiful front-end experiences!
  • Mastering Chrome Developer Tools, V2
    • Master built-in dev tools to step through your code with the debugger, audit web page performance, debug Node.js, and remove “page jank” when a site isn’t keeping up.
  • Data Visualization for React Developers
    • Learn the best practices on how to use D3.js to generate the data for these visualizations, and how to use React to render them.
  • CSS In-Depth, V2
    • Take a deep-dive into the essential features of CSS, while also exploring CSS features you probably didn’t even know existed!
  • Web Security
    • Get hands on attacking and defending web applications. Defend Cross-Site Scripting (XSS) and Man-in-the-Middle attacks, secure 3rd party assets and more!
  • Secure Authentication for Web Apps & APIs Using JWTs
    • Learn to set up authentication in your single page apps. Learn the anatomy of JSON Web Tokens, how to use JWT to protect resources, & manage auth in a SPA.
  • Complete Intro to Containers
    • Learn to create containers from scratch and with Dockerfiles, run containers from Dockerhub, and learn best practices are for front-end and Node.js code in containers.
  • Lean Front-End Engineering
    • Bill Scott, Sr. Director at PayPal, teaches making great UX experiences by applying lean startup principles to UI engineering.

This should keep me busy for about a month or so. As I’m moving forward with the project, I will keep you in touch with interesting cases I faced and what I learned from them. If anyone has some insights on leading a project or web resources they’d like to share, do not hesitate!

Kevin

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s