Community Picks·3y5 websites to learn Frontend-web development faster
In this article, I have curated 5 resourceful sites that will help you better you web development skills really fast. Exercism gives you the same path of study with extra challenges to help you grow faster. Below is a roadmap to master the fundamentals of JavaScript using this site.
Better Programming·4yGoodbye Electron. Hello Tauri, A Rust-powered Backend Framework
Electron is a Rust-powered Backend Framework paired with a React frontend to offer an awesome browser-less experience. Tauri is a toolkit that helps developers make applications for the major desktop platforms — using virtually any frontend framework in existence. For completeness, you can find the entire code base for my community project on my Gitlab.
Community Picks·4yDocker For Frontend Developers
Docker For Frontend Developers is a short and simple guide of docker, useful for frontend developers. It ensures that the working environment is same for all developers and all servers i.e, production, staging and testing. Anyone can setup the project in seconds, no need to mess with config, install libraries, setup dependencies and set up dependencies. The command creates a hello-world image.
JetBrains·3yHour of Code: Top 5 Frontend Projects
JetBrains Academy has released three frontend projects for frontend developers this summer. The most popular projects are HTML, CSS, and JavaScript. These tracks include a huge variety of real-life projects to keep you engaged during your studies. To help you develop and train this useful skill, we invite you to create a Virtual Piano app.
Community Picks·3yWhy use NextJS?
Next.js allows you to develop fast and user-friendly web applications and static websites using React.js. It is a ReactJS framework for building server-rendered web applications. It includes a number of features out of the box, such as Automatic code splitting, filesystem-based routing, hot code reloading and universal rendering.
Ahmad Shadeed·4yInside the mind of a frontend developer: Hero section
The most important thing here is the thinking process, not the CSS outcome, as sometimes it can get fairly straightforward to understand. In this article, I will take you into the journey of building a hero section by showing you your thought process.
Community Picks·3yHow to Become a Front-End Developer
Front-end development involves building the visual and interactive elements of websites and applications that users interact with. As a front-end developer, you will be responsible for designing and implementing the user interface of web and mobile applications. You can learn web development from basics to advanced topics through online courses and programs.
DEV·3yIntroducing Codux
Codux is a new visual IDE for easing and accelerating the development of React projects. Codux analyzes your project to discover its UI components and general structure. When it makes changes - when you’ve changed a property, for example - it will write code the way you would write it.
Medium·3yWhy You Should Use Islands Architecture
In 2013, the Facebook-backed React barreled onto the web development scene offering a completely new way of rendering web applications. Instead of rendering pages on the server and shipping them to the client, developers could use React to create Single Page Applications (SPAs) that were rendered on the client side.
System Weakness·4yDockerize a MERN Stack app for Production with Security in Mind (Part II)
This post is the 2nd part of a two part series that covers how to make a MERN stack application production-ready with security in mind. The first part of this series was more of a theoretical post to grasp the basic concepts of what we want to achieve.
Changelog·4yremult/remult: A CRUD framework for full stack TypeScript
Remult is a full-stack CRUD framework that uses your TypeScript entities as a single source of truth for your API, frontend type-safe API client and backend ORM. It abstracts away repetitive, boilerplate, error-prone and poorly designed code on the one hand. Using Remult means having the ability to handle any complex scenario by controlling the backend in numerous ways.
freeCodeCamp·4yLearn Full Stack Development – HTML, CSS, JavaScript, Node.js, MongoDB
Full Stack Development - HTML, CSS, JavaScript, Node.js, MongoDB Full stack development is a term used to describe the process of developing a complete website or application from start to finish. Full stack developers must have a deep understanding of both front-end and back-end web development.
DZone·3y12 Essential Skills Your ReactJS Developers Should
This guide will explain the crucial React JS developer abilities to screen for when hiring a ReactJS developer. Read our in-depth recruiting guide to discover the greatest React skills for your team. Join the DZone community and get the full member experience.
freeCodeCamp·4yHow to Build a Modal with JavaScript
A pop-up window is called a modal, a web page element that pops up and displays in front of other page content. You can also use modals for other things like creating call-to-action elements, navigation menus, newsletter widgets, and more. In this tutorial, I'll walk you through { display: flex; align-items: center; justify-content: space-between; }.
freeCodeCamp·4yWhat is Tailwind CSS? A Beginner's Guide
Tailwind CSS is a new tool that takes away a lot of the burden from us. There are many ways to write CSS out there – like Vanilla CSS3, LESS, SCSS, Bootstrap, styled-components, Windi CSS, and more – and even our OG HTML. The concept of Atomic CSS is not new but tailwind CSS takes it to another level.
Moralis·4yHow to Code a Blockchain App in 5 Steps
The Web3 tech stack has come a long way in recent years, with Web3 authentication, on-chain events, account syncs, and the ultimate Web3 API. With Moralis’ Web3 Auth API and web3uikit, you can cover that in minutes. When non-authenticated users try to vote in our blockchain app, they receive a warning message.
Moralis·3yEssential Web3 Programming Languages for 2023
Solidity Solidity is a Turing-complete, object-oriented, relatively high-level programming language for building EVM-compatible smart contracts. Rust Rust is a statically typed, multi-paradigm, low- level programming language emphasizing performance and security. Go Go is a Google-designed, open-source, compiled programming language.
LogRocket·4yBuilding a Pomodoro Timer with Tauri using React and Vite
Tauri is a set of tools that lets you build cross-platform desktop apps using frontend frameworks. When combined with React and Vite, it can be used to build extremely fast binaries for all desktop platforms. In this post, we will build a simple Pomodoro timer, and invite you to follow along with Below are the requirements for our app. To start, head over to src/App.tsX.tsx.
asayer·4yNext.js vs NuxtJS: a comparison of two powerhouses
New features in NuxtJS 3’s public beta, released in October, gave developers more time to focus on creating wonderful user experiences. Nuxt JS offers a module system that enables the core to be expanded. If there is an existing NuxJS module, you don’t need to create it all from scratch or maintain boilerplate. Plugins and configuration settings can be added. In addition to hybrid rendering permits various caching rules per route. If you share an article on Facebook, it can appear with the title “undefined” rather than the original article’SEOs.
asayer·4yTop 7 Project Management Tools for Developers
Jira has an interface that makes up the workspace for every developer. It focuses primarily on project management, with features geared towards Kanban and Scrum methodologies. Jira was intended to be a bug-tracking software, and it is where the tool excels. It helps the team find, track, and record software bugs. The tool can be customized to fit any requirement. The tool is difficult to set up and get used.
Medium·3yBattle of the Giants: GitHub Copilot vs ChatGPT ⚔️⚔️
GitHub Copilot is a tool to help developers write code faster. The release of ChatGPT sent ripples through the programming community as it could come up with incredible code snippets. The first time it generated incorrect code, and the next attempt was better Weirdly it works without the API key.
LogRocket·4yBuilding a full-stack app with Bud and Go
New Go framework Bud allows frontend and backend code to expand based on the needs of its users. Bud is a framework that keeps things simple but can scale up when needed. Bud comes with built-in functionality for frontend development with Svelte and uses Go for the backend. The index method would return a view from a file called index.svelte in our view folder.
