Pseudocode: A secret weapon to improve code efficiency
Recently, Yonatan Doron published an article on Medium titled "The Art of Code - Why You Should Write More Pseudocode". As a fan of pseudo-code, I really like this title. Pseudocode refers to "code" that describes what you want to do or what you want to communicate with, but it does not belong to any particular language and does not use any correct API or other content.
Writing annotated pseudo-code helps organize ideas, boost motivation, and plan expected code results in advance. That way, when we start writing code, we always have this mind map or framework to help us focus and improve efficiency.
Jeremy Keith once compared it to writing a script:
"When a user submits a form, a modal dialog box with confirmation information is displayed." Then he encourages everyone to write a script...but I am not referring to scripts in the JavaScript sense; Write down each step you want to complete. Once done, translate every line of script you wrote in English (or Portuguese) into JavaScript.
I see educators using this technology time and time again. But it’s not just for teachers to use and students to learn – it goes a long way toward anyone. I find myself writing pseudo-code before writing real code, and of course, sometimes I keep it in code comments. Most commonly, I use it in Notion documentation or Slack conversations to express my point of view.
Even simple ideas:
<code>如果env.dev停止邮件投递</code>
Anything that has logic and branching or step-by-step operations will benefit greatly from it. Please note that this code is not a valid code. It doesn't work in any language I can think of. Sometimes, I will add some brackets or semicolons casually out of muscle memory. Who cares? It's just about communicating ideas with yourself or others.
<code>如果(支持网格)使用网格否则使用flexbox将内容布局在基本行中</code>
This is very natural. They probably won't care about grammar, they will only understand what it means.
<code>在表单提交时验证如果存在错误显示错误;否则提交到api;如果api成功显示ui成功;否则显示ui失败;</code>
(After writing this, it reminds me of uilang. See how the plain text code blocks work there.)
Yonatan's article lacks real pseudo-code examples, so I asked around. Check out these great examples!
My entire notebook is pseudo-code...
These are converted to comments before starting to encode so that I can know what I'm doing and what pictures I've made afterwards. twitter.com/9vfJYfweDh
— Ruth John (@Rumyra) May 28, 2019
Whiteboards are great for writing pseudo-code as well as adding graphics. picture. twitter.com/56FUu4rhmU
— norom (@_norom_) May 28, 2019
Oh, I used to do this...pictures. twitter.com/lQi4Y8RhwP
— Ben Koppenens (@bkoppenens) May 28, 2019
Always use it! picture. twitter.com/YFVVNwls5M
— Bryan (@iamBryanSanders) May 28, 2019
Trying to use both JavaScript and php can sometimes be a bit tricky picture. twitter.com/Xp0bQyV86D
— frankie | webdev (@azoicx) May 29, 2019
Belated join. Quick script mapping. picture. twitter.com/n1kYDxKgya
— Adam Styles (@thelibstyles) May 31, 2019
I was surprised how much pseudo-code is written on paper! This is really cool. It's a little weird for me because I rarely do anything with paper. I probably should.
The above is the detailed content of Pseudo Code. For more information, please follow other related articles on the PHP Chinese website!

Choosing Flexbox or Grid depends on the layout requirements: 1) Flexbox is suitable for one-dimensional layouts, such as navigation bar; 2) Grid is suitable for two-dimensional layouts, such as magazine layouts. The two can be used in the project to improve the layout effect.

The best way to include CSS files is to use tags to introduce external CSS files in the HTML part. 1. Use tags to introduce external CSS files, such as. 2. For small adjustments, inline CSS can be used, but should be used with caution. 3. Large projects can use CSS preprocessors such as Sass or Less to import other CSS files through @import. 4. For performance, CSS files should be merged and CDN should be used, and compressed using tools such as CSSNano.

Yes,youshouldlearnbothFlexboxandGrid.1)Flexboxisidealforone-dimensional,flexiblelayoutslikenavigationmenus.2)Gridexcelsintwo-dimensional,complexdesignssuchasmagazinelayouts.3)Combiningbothenhanceslayoutflexibilityandresponsiveness,allowingforstructur

What does it look like to refactor your own code? John Rhea picks apart an old CSS animation he wrote and walks through the thought process of optimizing it.

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For

@keyframesispopularduetoitsversatilityandpowerincreatingsmoothCSSanimations.Keytricksinclude:1)Definingsmoothtransitionsbetweenstates,2)Animatingmultiplepropertiessimultaneously,3)Usingvendorprefixesforbrowsercompatibility,4)CombiningwithJavaScriptfo

CSSCountersareusedtomanageautomaticnumberinginwebdesigns.1)Theycanbeusedfortablesofcontents,listitems,andcustomnumbering.2)Advancedusesincludenestednumberingsystems.3)Challengesincludebrowsercompatibilityandperformanceissues.4)Creativeusesinvolvecust

Using scroll shadows, especially for mobile devices, is a subtle bit of UX that Chris has covered before. Geoff covered a newer approach that uses the animation-timeline property. Here’s yet another way.


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

SublimeText3 Chinese version
Chinese version, very easy to use

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.
