Sharing resources, code snippets, and tips on web development with JavaScript.
Don't wanna be here? Send us removal request.
Text

#Reuse existing interfaces when creating types for DTOs by omitting specific fields#either as a string literal or a union of string literals#from another type. Follow @capela.dev for weekly posts on web development. ----- typescript ts javascript js node npm nodejs web
0 notes
Text

#To help with string manipulation#TypeScript includes a set of built-in types#which can be used in the manipulation of casing in string types. - Uppercase<StringType> converts each character in the string to the uppe#follow @capela.dev for weekly posts on web development with JavaScript. ----- typescript javascript programming developer ts js np
0 notes
Photo

To help with string manipulation, TypeScript includes a set of built-in types, which can be used in the manipulation of casing in string types. - Uppercase<StringType> converts each character in the string to the uppercase equivalent. - Lowercase<StringType> converts each character in the string to the lowercase equivalent. If you found this helpful, follow @capela.dev for weekly posts on web development with JavaScript. ----- #typescript #javascript #programming #developer #ts #js #npm #nodejs #webdev #coding #100daysofcode #100daysofjavascript #devcommunity #webdevelopment #frontend #frontendmasters #frontendchallenge #typescriptdeveloper #javascriptlover #tsconfig https://www.instagram.com/p/ConkFHLNuHm/?igshid=NGJjMDIxMWI=
#typescript#javascript#programming#developer#ts#js#npm#nodejs#webdev#coding#100daysofcode#100daysofjavascript#devcommunity#webdevelopment#frontend#frontendmasters#frontendchallenge#typescriptdeveloper#javascriptlover#tsconfig
0 notes
Text

#and#JavaScript provides a native API that enables language-sensitive formatting of lists#supported by most modern engines#that is often overlooked by developers. - Conjunction formatter for localised -based grouping - Disjunction formatter for localised "#there is no need for third-party libraries! If you found this helpful#follow @capela.dev for new posts on web development every week. ----- javascript js nodejs npm ecma ecmascript javascriptdeveloper
0 notes
Text

0 notes
Photo

Different border-style keywords in CSS https://www.instagram.com/p/CoPfj0GthRW/?igshid=NGJjMDIxMWI=
0 notes
Text

0 notes
Photo

How to use the localStorage API to persist data across browser sessions https://www.instagram.com/p/CoMfGTINlq4/?igshid=NGJjMDIxMWI=
0 notes
Text

#All the native HTML time and date pickers. A framework-agnostic lightweight solution that is supported by most modern browsers#and often overlooked by developers. Are these posts helpful? Follow @capela.dev for weekly updates.
0 notes
Photo

All the native HTML time and date pickers. A framework-agnostic lightweight solution that is supported by most modern browsers, and often overlooked by developers. Are these posts helpful? Follow @capela.dev for weekly updates. https://www.instagram.com/p/CoFYZrGN_r8/?igshid=NGJjMDIxMWI=
0 notes
Text

#Arrow functions introduce a short-hand braceless syntax that returns an expression. This can cause unintended side effects by returning the#when the return value of a function is not intended to be used#it can be passed to the void operator to ensure that (for example) changing APIs do not cause arrow functions' behaviors to change. js n
0 notes
Text
Building front-end clones of popular web apps is a great way to improve our CSS skills. In this time-lapse, I’m trying my best to build a clone of the Instagram login form in one go. It is not 100% accurate as it was done by eye, but still, it is pretty close. #learnhtml #learncss #csstips #csstipoftheday #webdeveloper #ui #ux #uidesign #uxdesign #webdesign #html #css #html5 #css3 #csstricks #cssanimation #webdevelopment #frontend #100daysofcss #softwareengineer #javascript #reactjs #nextjs #vuejs #tailwindcss #animation #reels #code #100daysofcode
#Building front-end clones of popular web apps is a great way to improve our CSS skills. In this time-lapse#I’m trying my best to build a clone of the Instagram login form in one go. It is not 100% accurate as it was done by eye#but still#it is pretty close. learnhtml learncss csstips csstipoftheday webdeveloper ui ux uidesign uxdesign webdesign html css html5
0 notes
Text

#Protocol-relative URLs have no protocol specified. For example# //example.com will use the current page's protocol#typically HTTP or HTTPS.
0 notes
Photo

Protocol-relative URLs have no protocol specified. For example, //example.com will use the current page's protocol, typically HTTP or HTTPS. https://www.instagram.com/p/Cn1g3sEtBzv/?igshid=NGJjMDIxMWI=
0 notes
Text

#Different ways of writing a React component. Any one of these is valid and still supported in the latest version of React. Nevertheless#nowadays#the functional way is the most popular one.
0 notes
Text

0 notes
Text

#www.#URLs are everywhere nowadays#but still#you would be amazed at how many people don't understand their basic structure and functionality. A URL is a string reference to a web reso#and can be split into multiple parts: 👉 The protocol#such as HTTP or HTTPS#is always at the beginning and is followed by a colon and two slashes. 👉 The domain is the principal part of the URL#and it is what identifies the website. It includes the domain name#the TLD (top-level domain)#and the subdomains (an often common one is the ). 👉 The port number comes after the TLD#but usually it is not shown to the end user. The default port depends on the protocol#so for HTTP#we have port 80 by default#while for HTTPS is port 443. 👉 The path is the specific location of a webpage or resource within a website. It starts with a forward slash#such as search terms or form data#a query string can include multiple key-value pairs separated by ampersands (example: ?key1=value1&key2=value2). 👉 The last part is the f#it can be used to specify a specific section or element within a webpage (example: about) and to create in-page links that allow users to
1 note
·
View note